From 70b087e3cd83832ec1b6750a97d83c97187be1e7 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Tue, 31 Dec 2019 15:14:14 -0800 Subject: [PATCH 01/86] Add types for zingchart --- types/zingchart/index.d.ts | 18166 +++++++++++++++++++++++++++ types/zingchart/tsconfig.json | 23 + types/zingchart/tslint.json | 3 + types/zingchart/zingchart-tests.ts | 11 + 4 files changed, 18203 insertions(+) create mode 100644 types/zingchart/index.d.ts create mode 100644 types/zingchart/tsconfig.json create mode 100644 types/zingchart/tslint.json create mode 100644 types/zingchart/zingchart-tests.ts diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts new file mode 100644 index 00000000000000..94d9235a5056cb --- /dev/null +++ b/types/zingchart/index.d.ts @@ -0,0 +1,18166 @@ +// TypeScript Version: 3.3 +import * as zingchart from 'zingchart'; +export as namespace zingchart; +export function render(config: object): null; + +export interface data { + globals?: globals; + graphset?: [graphset]; + gui?: gui; + history?: history; + refresh?: refresh; +} +export interface globals { + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; +} +export interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }, + ]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + }; + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + }; + }, + ]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + }; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + }; + 'page-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-on'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-status'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'media-rules'?: [ + { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }, + ]; + 'no-data'?: { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }, + ]; + }; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + 'hover-state'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tooltip?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + */ + text?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. true | false (default) + */ + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }, + ]; + }; + plot?: { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + /** + * + */ + '1'?: any; + /** + * + */ + '2'?: any; + /** + * + */ + '3'?: any; + /** + * + */ + '4'?: any; + /** + * + */ + '5'?: any; + /** + * + */ + '6'?: any; + /** + * + */ + '7'?: any; + /** + * + */ + '8'?: any; + /** + * + */ + '9'?: any; + /** + * + */ + '10'?: any; + /** + * + */ + '11'?: any; + /** + * + */ + '12'?: any; + /** + * + */ + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + /** + * + */ + 'on-legend-toggle'?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + }; + }; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + }; + 'scale-k'?: { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-r'?: { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }, + ]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + 'scale-v'?: { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + 'ref-line'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-x'?: { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + /** + * + */ + '`%A`'?: any; + /** + * + */ + '`%a`'?: any; + /** + * + */ + '`%D`'?: any; + /** + * + */ + '`%d`'?: any; + /** + * + */ + '`%dd`'?: any; + /** + * + */ + '`%G`'?: any; + /** + * + */ + '`%g`'?: any; + /** + * + */ + '`%H`'?: any; + /** + * + */ + '`%h`'?: any; + /** + * + */ + '`%i`'?: any; + /** + * + */ + '`%M`'?: any; + /** + * + */ + '`%m`'?: any; + /** + * + */ + '`%mm`'?: any; + /** + * + */ + '`%q`'?: any; + /** + * + */ + '`%s`'?: any; + /** + * + */ + '`%Y`'?: any; + /** + * + */ + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + }; + 'scale-y'?: { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + }; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + }; + 'scroll-x-scroll-y'?: { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + series?: series; + shapes?: [ + { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + }; +} +export interface gui { + behaviors?: [ + { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; + }, + ]; + 'context-menu'?: { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }, + ]; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + }; + }; +} +export interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; +} +export interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; +} +export interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + 'trend-down'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-equal'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-up'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + values?: [{}]; +} diff --git a/types/zingchart/tsconfig.json b/types/zingchart/tsconfig.json new file mode 100644 index 00000000000000..582e59bc15af93 --- /dev/null +++ b/types/zingchart/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "module": "commonjs", + "lib": [ + "es6" + ], + "noImplicitAny": true, + "noImplicitThis": true, + "strictFunctionTypes": true, + "strictNullChecks": true, + "baseUrl": "../", + "typeRoots": [ + "../" + ], + "types": [], + "noEmit": true, + "forceConsistentCasingInFileNames": true + }, + "files": [ + "index.d.ts", + "zingchart-tests.ts" + ] +} diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json new file mode 100644 index 00000000000000..6490e53ea5e3b7 --- /dev/null +++ b/types/zingchart/tslint.json @@ -0,0 +1,3 @@ +{ + "extends": "dtslint/dtslint.json" +} diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts new file mode 100644 index 00000000000000..0837a04ae6417e --- /dev/null +++ b/types/zingchart/zingchart-tests.ts @@ -0,0 +1,11 @@ +zingchart.render({ + id: 'myChart', + data: { + type: 'line', + series: [ + { + values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], + }, + ], + }, +}); From 7913159669b44e446e37f975a0440ecc4bcba016 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 08:35:15 -0800 Subject: [PATCH 02/86] Adds content header to zingchart --- types/zingchart/index.d.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 94d9235a5056cb..778170c382afc7 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -1,3 +1,7 @@ +// Type definitions for zingchart 2.8.x +// Project: https://github.com/zingchart +// Definitions by: Mike Schultz +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 import * as zingchart from 'zingchart'; export as namespace zingchart; From ed4f23885d5d00293f338c20567d5b9eeb435296 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 08:36:32 -0800 Subject: [PATCH 03/86] Fixes typedef extends for lint --- types/zingchart/tslint.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index 6490e53ea5e3b7..d88586e5bd00db 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,3 +1,3 @@ { - "extends": "dtslint/dtslint.json" + "extends": "dtslint/dt.json" } From afc9d08d877609b2e60287338694a46dd9fd3f5b Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 08:41:09 -0800 Subject: [PATCH 04/86] Fixes version, import, and empty jsdoc comments --- types/zingchart/index.d.ts | 94 +------------------------------------- 1 file changed, 2 insertions(+), 92 deletions(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 778170c382afc7..26aea9982211db 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -1,9 +1,9 @@ -// Type definitions for zingchart 2.8.x +// Type definitions for zingchart 2.8 // Project: https://github.com/zingchart // Definitions by: Mike Schultz // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 -import * as zingchart from 'zingchart'; +import * as zingchart from '.'; export as namespace zingchart; export function render(config: object): null; @@ -5458,57 +5458,18 @@ export interface graphset { */ 'z-start'?: number; animation?: { - /** - * - */ '1'?: any; - /** - * - */ '2'?: any; - /** - * - */ '3'?: any; - /** - * - */ '4'?: any; - /** - * - */ '5'?: any; - /** - * - */ '6'?: any; - /** - * - */ '7'?: any; - /** - * - */ '8'?: any; - /** - * - */ '9'?: any; - /** - * - */ '10'?: any; - /** - * - */ '11'?: any; - /** - * - */ '12'?: any; - /** - * - */ '13'?: any; /** * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... @@ -10843,73 +10804,22 @@ export interface graphset { * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. */ all?: string; - /** - * - */ '`%A`'?: any; - /** - * - */ '`%a`'?: any; - /** - * - */ '`%D`'?: any; - /** - * - */ '`%d`'?: any; - /** - * - */ '`%dd`'?: any; - /** - * - */ '`%G`'?: any; - /** - * - */ '`%g`'?: any; - /** - * - */ '`%H`'?: any; - /** - * - */ '`%h`'?: any; - /** - * - */ '`%i`'?: any; - /** - * - */ '`%M`'?: any; - /** - * - */ '`%m`'?: any; - /** - * - */ '`%mm`'?: any; - /** - * - */ '`%q`'?: any; - /** - * - */ '`%s`'?: any; - /** - * - */ '`%Y`'?: any; - /** - * - */ '`%y`'?: any; guide?: { /** From e5b60cec6a48a73733d94bcd2dd4e2c2eacb5110 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 08:42:09 -0800 Subject: [PATCH 05/86] Removes last empty jsdoc comment --- types/zingchart/index.d.ts | 3 --- 1 file changed, 3 deletions(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 26aea9982211db..4edefdcb3874ac 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -5480,9 +5480,6 @@ export interface graphset { * moving node). true (default) | false | 1 | 0 */ 'on-change'?: boolean; - /** - * - */ 'on-legend-toggle'?: any; /** * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` From 6c7b095abf6a4bfc4c9e506cb7033896578b9ee4 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 15:06:51 -0800 Subject: [PATCH 06/86] Allows values and series types to be arrays --- types/zingchart/index.d.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 4edefdcb3874ac..4ea402e1f9d6d4 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -12653,7 +12653,7 @@ export interface graphset { width?: any; }; }; - series?: series; + series?: [series]; shapes?: [ { /** @@ -18073,5 +18073,5 @@ export interface series { */ visible?: boolean; }; - values?: [{}]; + values?: Array; } From 26026a34390a07c5bcd45ab717d73691f23b95d2 Mon Sep 17 00:00:00 2001 From: Mike Schultz Date: Thu, 2 Jan 2020 15:37:37 -0800 Subject: [PATCH 07/86] Fixes values type --- types/zingchart/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 4ea402e1f9d6d4..a42a100b688c12 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -18073,5 +18073,5 @@ export interface series { */ visible?: boolean; }; - values?: Array; + values?: any; } From d3effe845762d7141d99e61d040724a53ca9deb5 Mon Sep 17 00:00:00 2001 From: dannyjuergens Date: Mon, 15 Mar 2021 15:02:46 -0700 Subject: [PATCH 08/86] ZingChart type updates --- types/zingchart/index.d.ts | 31 +++++++++++++++++++------------ 1 file changed, 19 insertions(+), 12 deletions(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index a42a100b688c12..7ca3dd26cb5ad6 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -1444,6 +1444,10 @@ export interface graphset { * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + /** + * Sets the text of the tooltip. + */ + 'text'?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -14305,19 +14309,22 @@ export interface graphset { }; }; } + +export interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; +} export interface gui { - behaviors?: [ - { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - }, - ]; + /** + * To create custom context menu items + */ + behaviors?: behavior[]; 'context-menu'?: { /** * To fix the position of the context menu to one side of the chart. true | false From c5cde79b1d1eb43f116946566bab86a10117c92d Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 22 Mar 2021 15:20:01 -0700 Subject: [PATCH 09/86] Added d.ts file for zingchart/es6 and applied fixes --- types/zingchart/es6/index.d.ts | 2 ++ types/zingchart/index.d.ts | 7 ++++++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 types/zingchart/es6/index.d.ts diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts new file mode 100644 index 00000000000000..eb8c4f65071fbb --- /dev/null +++ b/types/zingchart/es6/index.d.ts @@ -0,0 +1,2 @@ +import * as zingchart from '../index'; +export default zingchart; \ No newline at end of file diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 7ca3dd26cb5ad6..cb708d2eecd602 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -5492,6 +5492,9 @@ export interface graphset { * _UNFOLD_VERTICAL` */ effect?: number; + method?: number; + sequence?: number; + speed?: number; }; 'background-marker'?: { /** @@ -10274,6 +10277,7 @@ export interface graphset { */ 'wrap-text'?: boolean; }; + labels?: any; markers?: [ { /** @@ -12657,7 +12661,7 @@ export interface graphset { width?: any; }; }; - series?: [series]; + series?: series[]; shapes?: [ { /** @@ -17510,6 +17514,7 @@ export interface series { */ 'shadow-distance'?: any; }; + text?: string; tooltip?: { /** * 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 comp From f98c35df346937f05f1d2c347e33f36662d28d41 Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 22 Mar 2021 16:55:25 -0700 Subject: [PATCH 10/86] Move definitions in es6/index and reference in index.d.ts --- types/zingchart/es6/index.d.ts | 18087 ++++++++++++++++++++++++++++++- types/zingchart/index.d.ts | 18085 +----------------------------- 2 files changed, 18086 insertions(+), 18086 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index eb8c4f65071fbb..5c16d704b558d1 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,2 +1,18085 @@ -import * as zingchart from '../index'; -export default zingchart; \ No newline at end of file +import * as zingchart from '.'; +export as namespace zingchart; +export function render(config: object): null; +export default zingchart; + +export interface data { + globals?: globals; + graphset?: [graphset]; + gui?: gui; + history?: history; + refresh?: refresh; +} +export interface globals { + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; +} +export interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }, + ]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text of the tooltip. + */ + 'text'?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + }; + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + }; + }, + ]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + }; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + }; + 'page-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-on'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-status'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'media-rules'?: [ + { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }, + ]; + 'no-data'?: { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }, + ]; + }; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + 'hover-state'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tooltip?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + */ + text?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. true | false (default) + */ + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }, + ]; + }; + plot?: { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + }; + }; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + }; + 'scale-k'?: { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-r'?: { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }, + ]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + 'scale-v'?: { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + 'ref-line'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-x'?: { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + }; + 'scale-y'?: { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + }; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + }; + 'scroll-x-scroll-y'?: { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + series?: series[]; + shapes?: [ + { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + }; +} + +export interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; +} +export interface gui { + /** + * To create custom context menu items + */ + behaviors?: behavior[]; + 'context-menu'?: { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }, + ]; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + }; + }; +} +export interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; +} +export interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; +} +export interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + text?: string; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + 'trend-down'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-equal'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-up'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + values?: any; +} diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index cb708d2eecd602..9ced5fb80b0c13 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -3,18087 +3,4 @@ // Definitions by: Mike Schultz // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 -import * as zingchart from '.'; -export as namespace zingchart; -export function render(config: object): null; - -export interface data { - globals?: globals; - graphset?: [graphset]; - gui?: gui; - history?: history; - refresh?: refresh; -} -export interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; -} -export interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }, - ]; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text of the tooltip. - */ - 'text'?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - }; - images?: [ - { - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - labels?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - }, - ]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - }; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - 'page-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-on'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-status'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'media-rules'?: [ - { - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }, - ]; - 'no-data'?: { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - }, - ]; - }; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - 'hover-state'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... - */ - text?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. true | false (default) - */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: [ - { - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }, - ]; - }; - plot?: { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'value-box'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - }; - }; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - }; - 'scale-k'?: { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-r'?: { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }, - ]; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - 'scale-v'?: { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - 'ref-line'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-x'?: { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - }; - 'scale-y'?: { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - }; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - }; - 'scroll-x-scroll-y'?: { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - series?: series[]; - shapes?: [ - { - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; - }; - zoom?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - }; -} - -export interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; -} -export interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the width of the object's border. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - }, - ]; - gear?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... - */ - type?: string; - /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - item?: { - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} - */ - 'hover-state'?: any; - }; - }; -} -export interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; -} -export interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - curtain?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; -} -export interface series { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} - */ - 'preview-state'?: any; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 - */ - 'on-legend-toggle'?: boolean; - /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... - */ - sequence?: number; - /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... - */ - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - text?: string; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - 'trend-down'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'trend-equal'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'trend-up'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'value-box'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - values?: any; -} +export * from './es6'; From d149ab718148a3889d511a6e678fc13c615ac2ae Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 23 Mar 2021 08:57:58 -0700 Subject: [PATCH 11/86] Update test to include added attributes --- types/zingchart/zingchart-tests.ts | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 0837a04ae6417e..baa2e673fd188a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -7,5 +7,19 @@ zingchart.render({ values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], }, ], + 'scale-x': { + label: { + text: 'Days' + }, + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] + }, + plot: { + animation: { + effect: 1, + method: 4, + sequence: 2, + speed: 275, + } + }, }, }); From 74d69e7635adf45f01f15471ac0eeb4ea9bda489 Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 13:11:04 -0700 Subject: [PATCH 12/86] Add .d.ts for ZingChart NodeJS build --- types/zingchart/es6/index.d.ts | 36172 ++++++++-------- .../server/zingchart-nodejs.min.js/index.d.ts | 8 + types/zingchart/zingchart-tests.ts | 4 + 3 files changed, 18113 insertions(+), 18071 deletions(-) create mode 100644 types/zingchart/server/zingchart-nodejs.min.js/index.d.ts diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 5c16d704b558d1..0ef6c8797980bc 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,18085 +1,18115 @@ -import * as zingchart from '.'; export as namespace zingchart; export function render(config: object): null; -export default zingchart; + +declare module 'zingchart/es6/index' { + var BUILDCODE: string[]; + var LICENSE: string[]; + var LICENSEKEY: string[]; + var ASYNC: boolean; + function bind(id: string, eventName: string, cb?: Function): void; + function exec(id: string, call: string, params: any): any | void; + var FONTFAMILY: string[]; + var FONTSIZE: string[]; + var MODULESDIR: string[]; + function unbind(id: string, event: string, fn?: Function): void; + var ZCOUTPUT: boolean; + var SYNTAX: string; + var EXPORTURL: string; + var AJAXEXPORT: boolean; + + var DEV: { + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; + } +} export interface data { - globals?: globals; - graphset?: [graphset]; - gui?: gui; - history?: history; - refresh?: refresh; + globals?: globals; + graphset?: [graphset]; + gui?: gui; + history?: history; + refresh?: refresh; } export interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; } export interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }, - ]; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text of the tooltip. - */ - 'text'?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - }; - images?: [ - { - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - labels?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - }, - ]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - }; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - 'page-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-on'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-status'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'media-rules'?: [ - { - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }, - ]; - 'no-data'?: { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - }, - ]; - }; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - 'hover-state'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... - */ - text?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. true | false (default) - */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: [ - { - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }, - ]; - }; - plot?: { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'value-box'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - }; - }; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - }; - 'scale-k'?: { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-r'?: { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }, - ]; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - 'scale-v'?: { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - 'ref-line'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-x'?: { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - }; - 'scale-y'?: { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - }; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - }; - 'scroll-x-scroll-y'?: { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - series?: series[]; - shapes?: [ - { - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; - }; - zoom?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - }; -} - -export interface behavior { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { /** - * To enable or disable individual context menu item behaviors. "all" | "none" + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... */ - enabled?: string; + angle?: number; /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - id?: string; -} -export interface gui { + depth?: number; /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the width of the object's border. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - }, - ]; - gear?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... - */ - type?: string; - /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - item?: { - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} - */ - 'hover-state'?: any; - }; - }; -} -export interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; -} -export interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - curtain?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; -} -export interface series { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} - */ - 'preview-state'?: any; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 - */ - 'on-legend-toggle'?: boolean; - /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... - */ - sequence?: number; - /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... - */ - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - text?: string; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - 'trend-down'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'trend-equal'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'trend-up'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'value-box'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - values?: any; + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }, + ]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text of the tooltip. + */ + 'text'?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + }; + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + }; + }, + ]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + }; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + }; + 'page-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-on'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-status'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'media-rules'?: [ + { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }, + ]; + 'no-data'?: { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }, + ]; + }; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + 'hover-state'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tooltip?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + */ + text?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. true | false (default) + */ + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }, + ]; + }; + plot?: { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + }; + }; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + }; + 'scale-k'?: { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-r'?: { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }, + ]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + 'scale-v'?: { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + 'ref-line'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-x'?: { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + }; + 'scale-y'?: { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + }; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + }; + 'scroll-x-scroll-y'?: { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + series?: series[]; + shapes?: [ + { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + }; +} + +export interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; +} +export interface gui { + /** + * To create custom context menu items + */ + behaviors?: behavior[]; + 'context-menu'?: { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }, + ]; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + }; + }; +} +export interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; +} +export interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; +} +export interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + text?: string; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + 'trend-down'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-equal'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-up'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + values?: any; } diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts new file mode 100644 index 00000000000000..060d6156355579 --- /dev/null +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -0,0 +1,8 @@ +export * as zingchart from 'zingchart/es6'; + +export class ZC { + static BUILDCODE?: string[]; + static LICENSE?: string[]; + static LICENSEKEY?: string[]; + static VERSION?: string; +} diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index baa2e673fd188a..41b2a5cee4cdfe 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,3 +1,6 @@ +zingchart.DEV.CANVASVERSION = 2; +zingchart.BUILDCODE = ['test', 'test']; + zingchart.render({ id: 'myChart', data: { @@ -23,3 +26,4 @@ zingchart.render({ }, }, }); + \ No newline at end of file From ca4b7999aa95727f61ea2c9d304d27c96a970f00 Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 13:42:39 -0700 Subject: [PATCH 13/86] Apply fixes after running "npm test" --- types/zingchart/es6/index.d.ts | 60 +++++++++---------- types/zingchart/index.d.ts | 1 + .../server/zingchart-nodejs.min.js/index.d.ts | 1 + types/zingchart/zingchart-tests.ts | 1 - 4 files changed, 31 insertions(+), 32 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 0ef6c8797980bc..f49b72963ee389 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,37 +1,35 @@ export as namespace zingchart; -export function render(config: object): null; -declare module 'zingchart/es6/index' { - var BUILDCODE: string[]; - var LICENSE: string[]; - var LICENSEKEY: string[]; - var ASYNC: boolean; - function bind(id: string, eventName: string, cb?: Function): void; - function exec(id: string, call: string, params: any): any | void; - var FONTFAMILY: string[]; - var FONTSIZE: string[]; - var MODULESDIR: string[]; - function unbind(id: string, event: string, fn?: Function): void; - var ZCOUTPUT: boolean; - var SYNTAX: string; - var EXPORTURL: string; - var AJAXEXPORT: boolean; +export function render(config: object): null; +export function bind(id: string, eventName: string, cb?: any): void; +export function exec(id: string, call: string, params: any): any; +export function unbind(id: string, event: string, fn?: any): void; - var DEV: { - CANVASVERSION?: number; - CACHECANVASTEXT?: boolean; - CACHESELECTION?: boolean; - CHECKDECIMALS?: boolean; - COPYDATA?: boolean; - KEEPSOURCE?: boolean; - MEDIARULES?: boolean; - PLOTSTATS?: boolean; - SKIPTRACKERS?: boolean; - SKIPPROGRESS?: boolean; - SORTTOKENS?: boolean; - RESOURCES?: boolean; - } -} +export let BUILDCODE: string[]; +export let LICENSE: string[]; +export let LICENSEKEY: string[]; +export let ASYNC: boolean; +export let FONTFAMILY: string[]; +export let FONTSIZE: string[]; +export let MODULESDIR: string[]; +export let ZCOUTPUT: boolean; +export let SYNTAX: string; +export let EXPORTURL: string; +export let AJAXEXPORT: boolean; +export let DEV: { + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; +}; export interface data { globals?: globals; diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 9ced5fb80b0c13..f5f25898bf115e 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -3,4 +3,5 @@ // Definitions by: Mike Schultz // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 +// Minimum TypeScript Version: 3.7 export * from './es6'; diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts index 060d6156355579..0a320f8871bf8f 100644 --- a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -1,3 +1,4 @@ + export * as zingchart from 'zingchart/es6'; export class ZC { diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 41b2a5cee4cdfe..1837f557577f5e 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -26,4 +26,3 @@ zingchart.render({ }, }, }); - \ No newline at end of file From 64623a88a9cd24b274b58149fc433b665337a39e Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 14:14:47 -0700 Subject: [PATCH 14/86] Add additional test using NodeJS d.ts --- types/zingchart/zingchart-tests-nodejs.ts | 31 +++++++++++++++++++++++ types/zingchart/zingchart-tests.ts | 3 --- 2 files changed, 31 insertions(+), 3 deletions(-) create mode 100644 types/zingchart/zingchart-tests-nodejs.ts diff --git a/types/zingchart/zingchart-tests-nodejs.ts b/types/zingchart/zingchart-tests-nodejs.ts new file mode 100644 index 00000000000000..c066f78cbad0d2 --- /dev/null +++ b/types/zingchart/zingchart-tests-nodejs.ts @@ -0,0 +1,31 @@ +import { zingchart, ZC } from './server/zingchart-nodejs.min.js'; + +zingchart.ASYNC = true; +zingchart.DEV.CANVASVERSION = 2; +ZC.VERSION = '2.9.4'; + +zingchart.render({ + id: 'myChart', + data: { + type: 'line', + series: [ + { + values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], + }, + ], + 'scale-x': { + label: { + text: 'Days' + }, + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] + }, + plot: { + animation: { + effect: 1, + method: 4, + sequence: 2, + speed: 275, + } + }, + }, +}); diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 1837f557577f5e..baa2e673fd188a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,6 +1,3 @@ -zingchart.DEV.CANVASVERSION = 2; -zingchart.BUILDCODE = ['test', 'test']; - zingchart.render({ id: 'myChart', data: { From 1b53dc8f45188fa637fdf38e2d3aeddaede6c374 Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 14:20:40 -0700 Subject: [PATCH 15/86] Included new files into in tsconfig --- types/zingchart/tsconfig.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/types/zingchart/tsconfig.json b/types/zingchart/tsconfig.json index 582e59bc15af93..d3ac90f2c965e2 100644 --- a/types/zingchart/tsconfig.json +++ b/types/zingchart/tsconfig.json @@ -18,6 +18,8 @@ }, "files": [ "index.d.ts", - "zingchart-tests.ts" + "server/zingchart-nodejs.min.js/index.d.ts", + "zingchart-tests.ts", + "zingchart-tests-nodejs.ts", ] } From be61621a5bf43ac0c274a71759a931e48bc2ed7d Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 14:25:23 -0700 Subject: [PATCH 16/86] Fix JSON format for tsconfig --- types/zingchart/tsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/tsconfig.json b/types/zingchart/tsconfig.json index d3ac90f2c965e2..684cf312d3fd47 100644 --- a/types/zingchart/tsconfig.json +++ b/types/zingchart/tsconfig.json @@ -18,8 +18,8 @@ }, "files": [ "index.d.ts", - "server/zingchart-nodejs.min.js/index.d.ts", "zingchart-tests.ts", "zingchart-tests-nodejs.ts", + "server/zingchart-nodejs.min.js/index.d.ts" ] } From c83e120edc555ed3a77aa83846d98a70d8aef0bb Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 14:50:27 -0700 Subject: [PATCH 17/86] Rewrite .d.ts for NodeJS build and combine tests into one file --- .../server/zingchart-nodejs.min.js/index.d.ts | 14 ++++----- types/zingchart/tsconfig.json | 1 - types/zingchart/zingchart-tests-nodejs.ts | 31 ------------------- types/zingchart/zingchart-tests.ts | 3 ++ 4 files changed, 10 insertions(+), 39 deletions(-) delete mode 100644 types/zingchart/zingchart-tests-nodejs.ts diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts index 0a320f8871bf8f..aea807f31ec0a1 100644 --- a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -1,9 +1,9 @@ +import * as zingchart from '../../es6'; +export { zingchart }; -export * as zingchart from 'zingchart/es6'; - -export class ZC { - static BUILDCODE?: string[]; - static LICENSE?: string[]; - static LICENSEKEY?: string[]; - static VERSION?: string; +export namespace ZC { + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let VERSION: string; } diff --git a/types/zingchart/tsconfig.json b/types/zingchart/tsconfig.json index 684cf312d3fd47..e1c3e8b3c2c79e 100644 --- a/types/zingchart/tsconfig.json +++ b/types/zingchart/tsconfig.json @@ -19,7 +19,6 @@ "files": [ "index.d.ts", "zingchart-tests.ts", - "zingchart-tests-nodejs.ts", "server/zingchart-nodejs.min.js/index.d.ts" ] } diff --git a/types/zingchart/zingchart-tests-nodejs.ts b/types/zingchart/zingchart-tests-nodejs.ts deleted file mode 100644 index c066f78cbad0d2..00000000000000 --- a/types/zingchart/zingchart-tests-nodejs.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { zingchart, ZC } from './server/zingchart-nodejs.min.js'; - -zingchart.ASYNC = true; -zingchart.DEV.CANVASVERSION = 2; -ZC.VERSION = '2.9.4'; - -zingchart.render({ - id: 'myChart', - data: { - type: 'line', - series: [ - { - values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], - }, - ], - 'scale-x': { - label: { - text: 'Days' - }, - labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] - }, - plot: { - animation: { - effect: 1, - method: 4, - sequence: 2, - speed: 275, - } - }, - }, -}); diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index baa2e673fd188a..18869f3b38777f 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,3 +1,6 @@ +zingchart.ASYNC = true; +zingchart.DEV.CANVASVERSION = 2; + zingchart.render({ id: 'myChart', data: { From baf9638322619782530b733c8a8e555648bb4185 Mon Sep 17 00:00:00 2001 From: jphung Date: Thu, 22 Apr 2021 14:57:11 -0700 Subject: [PATCH 18/86] Only list one d.ts in tsconfig and reference NodeJS d.ts in test --- types/zingchart/tsconfig.json | 3 +-- types/zingchart/zingchart-tests.ts | 3 +++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/types/zingchart/tsconfig.json b/types/zingchart/tsconfig.json index e1c3e8b3c2c79e..582e59bc15af93 100644 --- a/types/zingchart/tsconfig.json +++ b/types/zingchart/tsconfig.json @@ -18,7 +18,6 @@ }, "files": [ "index.d.ts", - "zingchart-tests.ts", - "server/zingchart-nodejs.min.js/index.d.ts" + "zingchart-tests.ts" ] } diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 18869f3b38777f..9c56cf287aa8ef 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,5 +1,8 @@ +import { zingchart, ZC } from "zingchart/server/zingchart-nodejs.min.js"; + zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; +ZC.VERSION = '2.9.4'; zingchart.render({ id: 'myChart', From aa32369d384fa841cfae36ab2a47b048150623df Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 11:17:04 -0700 Subject: [PATCH 19/86] Provide default exports --- types/zingchart/es6/index.d.ts | 35366 ++++++++-------- types/zingchart/index.d.ts | 3 +- .../server/zingchart-nodejs.min.js/index.d.ts | 4 +- 3 files changed, 17689 insertions(+), 17684 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index f49b72963ee389..dcdf916af2187a 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,17361 +1,14754 @@ -export as namespace zingchart; +declare namespace zingchart { + export function render(config: object): null; + export function bind(id: string, eventName: string, cb?: any): void; + export function exec(id: string, call: string, params: any): any; + export function unbind(id: string, event: string, fn?: any): void; -export function render(config: object): null; -export function bind(id: string, eventName: string, cb?: any): void; -export function exec(id: string, call: string, params: any): any; -export function unbind(id: string, event: string, fn?: any): void; - -export let BUILDCODE: string[]; -export let LICENSE: string[]; -export let LICENSEKEY: string[]; -export let ASYNC: boolean; -export let FONTFAMILY: string[]; -export let FONTSIZE: string[]; -export let MODULESDIR: string[]; -export let ZCOUTPUT: boolean; -export let SYNTAX: string; -export let EXPORTURL: string; -export let AJAXEXPORT: boolean; -export let DEV: { - CANVASVERSION?: number; - CACHECANVASTEXT?: boolean; - CACHESELECTION?: boolean; - CHECKDECIMALS?: boolean; - COPYDATA?: boolean; - KEEPSOURCE?: boolean; - MEDIARULES?: boolean; - PLOTSTATS?: boolean; - SKIPTRACKERS?: boolean; - SKIPPROGRESS?: boolean; - SORTTOKENS?: boolean; - RESOURCES?: boolean; -}; + export let BUILDCODE: string[]; + export let LICENSE: string[]; + export let LICENSEKEY: string[]; + export let ASYNC: boolean; + export let FONTFAMILY: string[]; + export let FONTSIZE: string[]; + export let MODULESDIR: string[]; + export let ZCOUTPUT: boolean; + export let SYNTAX: string; + export let EXPORTURL: string; + export let AJAXEXPORT: boolean; + export let DEV: { + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; + }; -export interface data { - globals?: globals; - graphset?: [graphset]; - gui?: gui; - history?: history; - refresh?: refresh; -} -export interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; -} -export interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { + export interface data { + globals?: globals; + graphset?: [graphset]; + gui?: gui; + history?: history; + refresh?: refresh; + } + export interface globals { /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - angle?: number; + alpha?: number; /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - depth?: number; + 'border-color'?: string; /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - true3d?: boolean; + 'border-radius'?: number; /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'x-angle'?: number; + 'border-width'?: number; /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'y-angle'?: number; + 'font-color'?: string; /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'z-angle'?: number; + 'font-family'?: string; /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + * Sets the font size of the object. 12 | "20px" | ... */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }, - ]; - crosshair?: { + 'font-size'?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the font weight of the object. "normal" | "bold" */ - alpha?: number; + 'font-weight'?: string; /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - exact?: boolean; + 'line-color'?: string; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - 'line-color'?: string; + 'line-style'?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - 'line-gap-size'?: any; + 'line-width'?: number; + } + export interface graphset { /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'line-segment-size'?: any; + alpha?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'line-style'?: string; + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; /** - * Sets the line width of the object. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'line-width'?: any; + 'border-radius'?: any; /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'reverse-series'?: boolean; + 'border-width'?: number; /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - shared?: boolean; + height?: number; /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - trigger?: string; + 'line-style'?: string; /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" + * The type of the chart "line" | "bar"... */ type?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - marker?: { + width?: number; + '3d-aspect'?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... */ - alpha?: number; + angle?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - 'background-color'?: string; + depth?: number; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 */ - 'border-color'?: string; + true3d?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'border-width'?: number; + 'x-angle'?: number; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - size?: number; + 'y-angle'?: number; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - type?: string; + 'z-angle'?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... */ - visible?: boolean; + zoom?: number; }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }, + ]; + crosshair?: { /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; + alpha?: number; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - 'border-radius-bottom-left'?: any; + exact?: boolean; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-radius-bottom-right'?: any; + 'line-color'?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'border-radius-top-left'?: any; + 'line-gap-size'?: any; /** - * 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 | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'border-radius-top-right'?: any; + 'line-segment-size'?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'border-right'?: string; + 'line-style'?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the line width of the object. 4 | "6px" | ... */ - 'border-top'?: string; + 'line-width'?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'border-width'?: any; + 'reverse-series'?: boolean; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - callout?: boolean; + shared?: boolean; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - 'callout-height'?: any; + trigger?: string; /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" */ - 'clip-text'?: boolean; + type?: string; /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text of the tooltip. - */ - 'text'?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - }; - images?: [ - { - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - labels?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - }, - ]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - }; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - 'page-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-on'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-status'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'media-rules'?: [ - { - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }, - ]; - 'no-data'?: { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - }, - ]; - }; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - 'hover-state'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... - */ - text?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. true | false (default) - */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: [ - { - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }, - ]; - }; - plot?: { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'value-box'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - }; - }; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - }; - 'scale-k'?: { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-r'?: { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }, - ]; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - 'scale-v'?: { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }, - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - }; - 'ref-line'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - 'scale-x'?: { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - }; - 'scale-y'?: { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - }, - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a two-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-1'?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }, - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }, - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - }; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - }; - 'scroll-x-scroll-y'?: { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - series?: series[]; - shapes?: [ - { - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }, - ]; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; - }; - zoom?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - }; -} - -export interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; -} -export interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the width of the object's border. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - }, - ]; - gear?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... - */ - type?: string; - /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - item?: { - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} - */ - 'hover-state'?: any; - }; - }; -} -export interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; -} -export interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - curtain?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; -} -export interface series { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} - */ - 'preview-state'?: any; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 - */ - 'on-legend-toggle'?: boolean; - /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... - */ - sequence?: number; - /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... - */ - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: string; - /** - * Sets the first 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text of the tooltip. + */ + 'text'?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + }; + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + }; + }, + ]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + }; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + }; + 'page-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-on'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'page-status'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'media-rules'?: [ + { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }, + ]; + 'no-data'?: { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }, + ]; + }; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + 'hover-state'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tooltip?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + */ + text?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. true | false (default) + */ + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }, + ]; + }; + plot?: { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + /** + * 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-color'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + }; + }; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + }; + }; + 'scale-k'?: { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-r'?: { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }, + ]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + 'scale-v'?: { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }, + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + }; + 'ref-line'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + 'scale-x'?: { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + }; + }; + 'scale-y'?: { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: number; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + }, + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a two-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-1'?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * 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-color'?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + /** + * 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-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + /** + * Sets the border 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-color'?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }, + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }, + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + }; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + }; + 'scroll-x-scroll-y'?: { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + series?: series[]; + shapes?: [ + { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }, + ]; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + }; + } + + export interface behavior { /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + * To enable or disable individual context menu item behaviors. "all" | "none" */ - visible?: boolean; + enabled?: string; /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... */ - x?: any; + id?: string; + } + export interface gui { /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * To create custom context menu items */ - y?: any; - }; - marker?: { + behaviors?: behavior[]; + 'context-menu'?: { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }, + ]; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + }; + }; + } + export interface history { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'z-index'?: number; - }; - preview?: { + 'border-bottom'?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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)" | ... */ - alpha?: number; + 'border-color'?: string; /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'alpha-area'?: number; + 'border-left'?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'background-color'?: string; + 'border-radius'?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-color'?: string; + 'border-radius-bottom-left'?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-style'?: string; + 'border-radius-bottom-right'?: any; /** - * Sets the line width of the object. 2 | 4 | "6px" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-width'?: any; + 'border-radius-top-left'?: any; /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + * 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 | ... */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }, - ]; - 'selected-marker'?: { + 'border-radius-top-right'?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - alpha?: number; + 'border-right'?: string; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - angle?: number; + 'border-top'?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'background-color'?: string; + 'border-width'?: any; /** - * Sets 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)" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-color-1'?: string; + callout?: boolean; /** - * 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)" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-color-2'?: string; + 'callout-extension'?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-image'?: string; + 'callout-height'?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * 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] | ... */ - 'background-position'?: string; + 'callout-hook'?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'callout-offset'?: any; /** - * 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)" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'border-color'?: string; + 'callout-position'?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'border-width'?: any; + 'callout-width'?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -17378,18 +14771,38 @@ export interface series { */ 'gradient-colors'?: 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" | ... + * 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... */ - 'gradient-stops'?: string; + 'margin-right'?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's top margin. 4 | "6px" | ... */ - 'offset-x'?: any; + 'margin-top'?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - 'offset-y'?: any; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -17417,47 +14830,579 @@ export interface series { */ 'shadow-distance'?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - size?: any; + y?: any; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + } + export interface refresh { /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the type of data refresh, full being the only option at loader's level. "full" */ type?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Defines the specific type of feed. http | js | websockets */ - visible?: boolean; + transport?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 */ - x?: any; + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: 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-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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-angle'?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + } + export interface series { /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - y?: any; - }; - 'selected-state'?: { + alpha?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - alpha?: number; + aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: 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)" | ... + * 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-color-2'?: string; /** @@ -17469,7 +15414,7 @@ export interface series { */ 'background-image'?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; /** @@ -17477,637 +15422,2696 @@ export interface series { */ 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - text?: string; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - 'background-fit'?: string; + 'band-space'?: number; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'background-image'?: string; + 'bar-space'?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'background-position'?: string; + 'bar-width'?: number; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'background-repeat'?: string; + 'bars-overlap'?: number; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'border-alpha'?: number; + 'bars-space-left'?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'border-bottom'?: string; + 'bars-space-right'?: number; /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... + * 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - padding?: any; + callout?: boolean; /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'padding-bottom'?: any; + 'callout-height'?: any; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * 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] | ... */ - 'padding-left'?: any; + 'callout-hook'?: any; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - 'padding-right'?: any; + 'callout-offset'?: any; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'padding-top'?: any; + 'callout-position'?: string; /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - placement?: string; + 'callout-width'?: any; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 */ - position?: string; + 'contour-on-top'?: boolean; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + 'connect-nulls'?: boolean; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - shadow?: boolean; + cursor?: string; /** - * Sets 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 | ... + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... */ - 'shadow-alpha'?: number; + 'data-...'?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 */ - 'shadow-angle'?: number; + 'data-dragging'?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - 'shadow-blur'?: any; + decimals?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... */ - 'shadow-color'?: string; + 'decimals-separator'?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... */ - 'shadow-distance'?: any; + description?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 */ - 'text-alpha'?: number; + exact?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * This attribute sets the values to scientific notation true | false | 1 | 0 */ - visible?: boolean; + exponent?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - width?: any; + 'exponent-decimals'?: number; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'wrap-text'?: boolean; + 'fill-angle'?: number; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'z-index'?: number; - }; - 'trend-down'?: { + 'fill-offset-x'?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-y'?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'background-color'?: string; + 'fill-type'?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] */ - 'border-color'?: string; + goals?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... */ - 'border-width'?: number; + 'gradient-colors'?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * 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" | ... */ - 'line-color'?: string; + 'gradient-stops'?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 */ - 'line-width'?: number; - }; - 'trend-equal'?: { + 'group-selections'?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ - alpha?: number; + join?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'background-color'?: string; + 'legend-text'?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + 'line-color'?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... */ - 'border-width'?: number; + 'line-gap-size'?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... */ - 'line-color'?: string; + 'line-segment-size'?: any; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-width'?: number; - }; - 'trend-up'?: { + 'line-style'?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - alpha?: number; + 'line-width'?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... */ - 'background-color'?: string; + 'max-nodes'?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'border-color'?: string; + 'max-ratio'?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'border-width'?: number; + 'max-size'?: number; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - 'line-color'?: string; + 'max-trackers'?: number; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'line-width'?: number; - }; - 'value-box'?: { + 'mid-point'?: boolean; /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - alpha?: number; + 'min-ratio'?: number; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - angle?: number; + 'min-size'?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - 'background-color'?: string; + monotone?: boolean; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - 'background-color-1'?: string; + multiplier?: boolean; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" */ - 'background-color-2'?: string; + negation?: string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-fit'?: string; + 'offset-x'?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-image'?: string; + 'offset-y'?: any; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} */ - 'background-position'?: string; + 'preview-state'?: any; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'background-repeat'?: string; + 'ref-angle'?: number; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" */ - 'border-alpha'?: number; + reference?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . */ - 'border-color'?: string; + 'sampling-step'?: number; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - 'border-width'?: any; + scales?: string; /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" */ - callout?: boolean; + scaling?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... */ - decimals?: number; + 'scroll-step-multiplier'?: number; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false */ - 'decimals-separator'?: string; + 'segment-trackers'?: boolean; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'fill-angle'?: number; + shadow?: boolean; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets 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 | ... */ - 'fill-offset-x'?: any; + 'shadow-alpha'?: number; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'fill-offset-y'?: any; + 'shadow-angle'?: number; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'fill-type'?: string; + 'shadow-blur'?: any; /** - * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'font-color'?: string; + 'shadow-color'?: string; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'font-family'?: string; + 'shadow-distance'?: any; /** - * Sets the font size of the object. 4 | "6px" | ... + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 */ - 'font-size'?: string; + short?: boolean; /** - * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" */ - 'font-style'?: string; + 'short-unit'?: string; /** - * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 */ - 'font-weight'?: string; + 'show-zero'?: boolean; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'gradient-colors'?: string; + 'size-factor'?: number; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'gradient-stops'?: string; + 'slice-start'?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... */ - 'line-style'?: string; + stack?: number; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - 'offset-x'?: any; + stacked?: boolean; /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'offset-y'?: any; + 'step-start'?: string; /** - * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - padding?: any; + target?: string; /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... + * Sets the thickness of pie3d charts. 5 | 10 | ... */ - placement?: any; + thickness?: number; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'rtl (right-to-left)'?: boolean; + 'thousands-separator'?: string; /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... */ - shadow?: boolean; + 'tooltip-text'?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - 'text-alpha'?: number; + url?: string; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'thousands-separator'?: string; + visible?: boolean; /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - type?: string; + 'z-end'?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - visible?: boolean; - }; - values?: any; + 'z-start'?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: string; + /** + * Sets the first 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'legend-item'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }, + ]; + 'selected-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets 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-1'?: 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-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: 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-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: 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-colors'?: 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" | ... + */ + 'gradient-stops'?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + }; + text?: string; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }; + 'trend-down'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-equal'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'trend-up'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + }; + 'value-box'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + /** + * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + /** + * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + /** + * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + values?: any; + } } + +export default zingchart; \ No newline at end of file diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index f5f25898bf115e..89a2852ad7a7e0 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -4,4 +4,5 @@ // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 // Minimum TypeScript Version: 3.7 -export * from './es6'; +import zingchart from './es6'; +export default zingchart; diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts index aea807f31ec0a1..232fa7059e8fa1 100644 --- a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -1,4 +1,4 @@ -import * as zingchart from '../../es6'; +import zingchart from '../../es6'; export { zingchart }; export namespace ZC { @@ -6,4 +6,4 @@ export namespace ZC { let LICENSE: string[]; let LICENSEKEY: string[]; let VERSION: string; -} +} \ No newline at end of file From deb1cd3bc1df9f97bfbc6815c682616aa3eb0b1e Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 14:55:00 -0700 Subject: [PATCH 20/86] Update to include default exports --- types/zingchart/es6/index.d.ts | 10 +++++++++- types/zingchart/index.d.ts | 4 +++- .../server/zingchart-nodejs.min.js/index.d.ts | 11 +++-------- 3 files changed, 15 insertions(+), 10 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index dcdf916af2187a..f41a937d8d6fae 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -18114,4 +18114,12 @@ declare namespace zingchart { } } -export default zingchart; \ No newline at end of file +declare namespace ZC { + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let VERSION: string; +} + +export default zingchart; +export { zingchart, ZC }; \ No newline at end of file diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 89a2852ad7a7e0..f2022a4e78ec20 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -4,5 +4,7 @@ // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 // Minimum TypeScript Version: 3.7 -import zingchart from './es6'; +import { zingchart, ZC } from './es6'; + +export { zingchart, ZC }; export default zingchart; diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts index 232fa7059e8fa1..584993a95cf5e3 100644 --- a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -1,9 +1,4 @@ -import zingchart from '../../es6'; -export { zingchart }; +import { zingchart, ZC } from '../../es6'; -export namespace ZC { - let BUILDCODE: string[]; - let LICENSE: string[]; - let LICENSEKEY: string[]; - let VERSION: string; -} \ No newline at end of file +export { zingchart, ZC }; +export default zingchart; From 678d3bcdc8fe826eb1bcd8fd5d3b7bb0122d40fa Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 14:57:41 -0700 Subject: [PATCH 21/86] Update test to try default import --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 9c56cf287aa8ef..4e145b44d95b79 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,4 +1,4 @@ -import { zingchart, ZC } from "zingchart/server/zingchart-nodejs.min.js"; +import zingchart, { ZC } from "zingchart/server/zingchart-nodejs.min.js"; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From db6b7aee948f0c43d381d88bda4d332db91dfc3c Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 16:29:54 -0700 Subject: [PATCH 22/86] Allow default export and fix exports for each version (originally assumed exports were the same) --- types/zingchart/es6/index.d.ts | 92 +++++++++---------- types/zingchart/index.d.ts | 3 +- .../server/zingchart-nodejs.min.js/index.d.ts | 5 +- types/zingchart/tslint.json | 5 +- types/zingchart/zingchart-tests.ts | 2 +- 5 files changed, 53 insertions(+), 54 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index f41a937d8d6fae..4a465076528273 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,21 +1,21 @@ declare namespace zingchart { - export function render(config: object): null; - export function bind(id: string, eventName: string, cb?: any): void; - export function exec(id: string, call: string, params: any): any; - export function unbind(id: string, event: string, fn?: any): void; + function render(config: object): null; + function bind(id: string, eventName: string, cb?: any): void; + function exec(id: string, call: string, params: any): any; + function unbind(id: string, event: string, fn?: any): void; - export let BUILDCODE: string[]; - export let LICENSE: string[]; - export let LICENSEKEY: string[]; - export let ASYNC: boolean; - export let FONTFAMILY: string[]; - export let FONTSIZE: string[]; - export let MODULESDIR: string[]; - export let ZCOUTPUT: boolean; - export let SYNTAX: string; - export let EXPORTURL: string; - export let AJAXEXPORT: boolean; - export let DEV: { + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let ASYNC: boolean; + let FONTFAMILY: string[]; + let FONTSIZE: string[]; + let MODULESDIR: string[]; + let ZCOUTPUT: boolean; + let SYNTAX: string; + let EXPORTURL: string; + let AJAXEXPORT: boolean; + let DEV: { CANVASVERSION?: number; CACHECANVASTEXT?: boolean; CACHESELECTION?: boolean; @@ -30,14 +30,14 @@ declare namespace zingchart { RESOURCES?: boolean; }; - export interface data { + interface data { globals?: globals; graphset?: [graphset]; gui?: gui; history?: history; refresh?: refresh; } - export interface globals { + interface globals { /** * 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 be * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... @@ -84,7 +84,7 @@ declare namespace zingchart { */ 'line-width'?: number; } - export interface graphset { + interface graphset { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... @@ -372,7 +372,7 @@ declare namespace zingchart { */ y?: number; }; - }, + } ]; crosshair?: { /** @@ -1724,7 +1724,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - }, + } ]; labels?: [ { @@ -2116,7 +2116,7 @@ declare namespace zingchart { */ type?: string; }; - }, + } ]; legend?: { /** @@ -4352,7 +4352,7 @@ declare namespace zingchart { * breakpoints. true | false */ visible?: boolean; - }, + } ]; 'no-data'?: { /** @@ -4739,7 +4739,7 @@ declare namespace zingchart { * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} */ share?: any; - }, + } ]; }; indicator?: { @@ -5027,7 +5027,7 @@ declare namespace zingchart { * To set the word. "Flowers" | "Freesia" | "Peony" | ... */ text?: string; - }, + } ]; }; plot?: { @@ -6965,7 +6965,7 @@ declare namespace zingchart { * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ rule?: string; - }, + } ]; 'selected-marker'?: { /** @@ -8614,7 +8614,7 @@ declare namespace zingchart { * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: number; - }, + } ]; }; item?: { @@ -8626,7 +8626,7 @@ declare namespace zingchart { /** * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number; + angle?: number /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 @@ -9090,7 +9090,7 @@ declare namespace zingchart { */ width?: number; }; - }, + } ]; 'minor-guide'?: { /** @@ -9207,7 +9207,7 @@ declare namespace zingchart { * Sets the size of the object. 30 | '40px' | ... */ size?: number; - }, + } ]; }; tick?: { @@ -9303,7 +9303,7 @@ declare namespace zingchart { * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; - }, + } ]; }; item?: { @@ -9727,7 +9727,7 @@ declare namespace zingchart { * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: number; - }, + } ]; }; item?: { @@ -10545,7 +10545,7 @@ declare namespace zingchart { */ width?: number; }; - }, + } ]; 'minor-guide'?: { /** @@ -10658,7 +10658,7 @@ declare namespace zingchart { * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ rule?: string; - }, + } ]; tick?: { /** @@ -11489,7 +11489,7 @@ declare namespace zingchart { * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: number; - }, + } ]; }; item?: { @@ -12306,7 +12306,7 @@ declare namespace zingchart { */ width?: number; }; - }, + } ]; 'minor-guide'?: { /** @@ -12419,7 +12419,7 @@ declare namespace zingchart { * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ rule?: string; - }, + } ]; tick?: { /** @@ -12890,7 +12890,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - }, + } ]; source?: { /** @@ -14339,7 +14339,7 @@ declare namespace zingchart { }; } - export interface behavior { + interface behavior { /** * To enable or disable individual context menu item behaviors. "all" | "none" */ @@ -14349,7 +14349,7 @@ declare namespace zingchart { */ id?: string; } - export interface gui { + interface gui { /** * To create custom context menu items */ @@ -14506,7 +14506,7 @@ declare namespace zingchart { * Sets the text for the menu item. "New Menu Item" | ... */ text?: string; - }, + } ]; gear?: { /** @@ -14627,7 +14627,7 @@ declare namespace zingchart { }; }; } - export interface history { + interface history { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -15048,7 +15048,7 @@ declare namespace zingchart { 'shadow-distance'?: any; }; } - export interface refresh { + interface refresh { /** * Sets the type of data refresh, full being the only option at loader's level. "full" */ @@ -15377,7 +15377,7 @@ declare namespace zingchart { 'wrap-text'?: boolean; }; } - export interface series { + interface series { /** * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... @@ -17306,7 +17306,7 @@ declare namespace zingchart { * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ rule?: string; - }, + } ]; 'selected-marker'?: { /** @@ -18122,4 +18122,4 @@ declare namespace ZC { } export default zingchart; -export { zingchart, ZC }; \ No newline at end of file +export { zingchart, ZC }; diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index f2022a4e78ec20..bbc2ad84ad2d02 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -4,7 +4,6 @@ // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 // Minimum TypeScript Version: 3.7 -import { zingchart, ZC } from './es6'; +import { zingchart } from './es6'; -export { zingchart, ZC }; export default zingchart; diff --git a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts index 584993a95cf5e3..f74a360bc42144 100644 --- a/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts +++ b/types/zingchart/server/zingchart-nodejs.min.js/index.d.ts @@ -1,4 +1 @@ -import { zingchart, ZC } from '../../es6'; - -export { zingchart, ZC }; -export default zingchart; +export { zingchart, ZC } from '../../es6'; diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index d88586e5bd00db..f2a1423b1f8016 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,3 +1,6 @@ { - "extends": "dtslint/dt.json" + "extends": "dtslint/dt.json", + "rules": { + "npm-naming": [true,{"mode":"code","errors":[["NoDefaultExport",false]]}] + } } diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 4e145b44d95b79..12644d0319cfed 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,4 +1,4 @@ -import zingchart, { ZC } from "zingchart/server/zingchart-nodejs.min.js"; +import zingchart, { ZC } from 'zingchart/es6'; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From 83fdbafb139ae0166e4b37bfc088aa391c7cd020 Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 16:47:53 -0700 Subject: [PATCH 23/86] use nodejs version in test because required to use file --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 12644d0319cfed..e836ca08481a68 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,4 +1,4 @@ -import zingchart, { ZC } from 'zingchart/es6'; +import {zingchart, ZC} from "zingchart/server/zingchart-nodejs.min.js"; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From cf8839d5d598811d1a0fcabb3944d9dfec41d534 Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 16:55:47 -0700 Subject: [PATCH 24/86] Fix whitespace error in test --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index e836ca08481a68..9c56cf287aa8ef 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,4 +1,4 @@ -import {zingchart, ZC} from "zingchart/server/zingchart-nodejs.min.js"; +import { zingchart, ZC } from "zingchart/server/zingchart-nodejs.min.js"; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From 9d1585cc51545bb4ac100a45f8b095781c05d2e4 Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 11 May 2021 16:58:24 -0700 Subject: [PATCH 25/86] Update test to include testing default import --- types/zingchart/zingchart-tests.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 9c56cf287aa8ef..65695daf676ffa 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,4 +1,5 @@ -import { zingchart, ZC } from "zingchart/server/zingchart-nodejs.min.js"; +import { zingchart } from "zingchart/server/zingchart-nodejs.min.js"; +import { ZC } from "zingchart/es6"; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From 517a0605bacc1880cd3e35175ca06df38e96ba41 Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 17 May 2021 08:45:03 -0700 Subject: [PATCH 26/86] Fixed zingchart/index.dts based on reviewers notes --- types/zingchart/index.d.ts | 2 +- types/zingchart/zingchart-tests.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index bbc2ad84ad2d02..59193fd7611038 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -6,4 +6,4 @@ // Minimum TypeScript Version: 3.7 import { zingchart } from './es6'; -export default zingchart; +export = zingchart; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 65695daf676ffa..ba55c8f88aa4da 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,5 +1,5 @@ -import { zingchart } from "zingchart/server/zingchart-nodejs.min.js"; -import { ZC } from "zingchart/es6"; +import { ZC } from "zingchart/server/zingchart-nodejs.min.js"; +import zingchart from "zingchart/es6"; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; From 580b83e0d210fc875844fd22d9b44aa0ca099e5f Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 17 May 2021 09:08:29 -0700 Subject: [PATCH 27/86] Update tslint.json to remove rules no longer needed --- types/zingchart/tslint.json | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index f2a1423b1f8016..d88586e5bd00db 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,6 +1,3 @@ { - "extends": "dtslint/dt.json", - "rules": { - "npm-naming": [true,{"mode":"code","errors":[["NoDefaultExport",false]]}] - } + "extends": "dtslint/dt.json" } From 5b16d015a2bf189bd1a3a208e200f959dbc559b3 Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 7 Jun 2021 10:24:54 -0700 Subject: [PATCH 28/86] Corrections to TDF relating to plot and legend --- types/zingchart/es6/index.d.ts | 24 ++++++++++++++++++++++++ types/zingchart/zingchart-tests.ts | 3 +++ 2 files changed, 27 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 4a465076528273..118e6cfa8a9042 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -3363,6 +3363,10 @@ declare namespace zingchart { * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3526,6 +3530,10 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3601,6 +3609,10 @@ declare namespace zingchart { * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -5199,6 +5211,10 @@ declare namespace zingchart { * Text" | ... */ description?: string; + /** + * Turns off click on slices + */ + detached?: boolean; /** * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod @@ -5432,6 +5448,10 @@ declare namespace zingchart { * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ 'size-factor'?: number; + /** + * Hole size in middle of chart + */ + slice?: number; /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ @@ -7715,6 +7735,10 @@ declare namespace zingchart { * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index ba55c8f88aa4da..8ae9ca25fc5bd9 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -26,6 +26,9 @@ zingchart.render({ method: 4, sequence: 2, speed: 275, + }, + 'value-box': { + text: 'Hello World', } }, }, From 31e265774b7dc3f8925ec621c8d96da6036e5a0e Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 7 Jun 2021 11:15:29 -0700 Subject: [PATCH 29/86] Asterisk fix --- types/zingchart/es6/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 118e6cfa8a9042..8cf15319df70a8 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -3530,7 +3530,7 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; - /** + /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ cursor?: string; From 67407622e5cddb632deecce8ebe8a15051d9c2fa Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 14 Jun 2021 08:47:00 -0700 Subject: [PATCH 30/86] update(zingchart): Add def for plot.tooltip.text --- types/zingchart/es6/index.d.ts | 4 ++++ types/zingchart/zingchart-tests.ts | 3 +++ 2 files changed, 7 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 8cf15319df70a8..9964f4d17ebbe7 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -7531,6 +7531,10 @@ declare namespace zingchart { * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 8ae9ca25fc5bd9..cf236bd8000dec 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -27,6 +27,9 @@ zingchart.render({ sequence: 2, speed: 275, }, + tooltip: { + text: 'Hello world', + }, 'value-box': { text: 'Hello World', } From cb428db68987815a9626b204622dac87e039315b Mon Sep 17 00:00:00 2001 From: jphung Date: Mon, 19 Jul 2021 15:34:37 -0700 Subject: [PATCH 31/86] create(zinggrid): add new typings --- types/zinggrid/index.d.ts | 2630 ++++++++++++++++++++++++++++++ types/zinggrid/tsconfig.json | 23 + types/zinggrid/tslint.json | 3 + types/zinggrid/zinggrid-tests.ts | 21 + 4 files changed, 2677 insertions(+) create mode 100644 types/zinggrid/index.d.ts create mode 100644 types/zinggrid/tsconfig.json create mode 100644 types/zinggrid/tslint.json create mode 100644 types/zinggrid/zinggrid-tests.ts diff --git a/types/zinggrid/index.d.ts b/types/zinggrid/index.d.ts new file mode 100644 index 00000000000000..d4643de638302b --- /dev/null +++ b/types/zinggrid/index.d.ts @@ -0,0 +1,2630 @@ +// Type definitions for zinggrid 1.2 +// Project: https://github.com/ZingGrid/zinggrid +// Definitions by: Jeanette Phung +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped +// TypeScript Version: 4.3 + +type Upper = "A" | "B" | "C" | "D" | "E" | "F" | "G" | "H" | "I" | "J" | "K" | "L" | "M" | + "N" | "O" | "P" | "Q" | "R" | "S" | "T" | "U" | "V" | "W" | "X" | "Y" | "Z"; + +type Kebab = T extends `${infer L}${Upper}${infer R}` ? + + T extends `${L}${infer U}${R}` ? `${L}-${Lowercase}${Kebab}` : T : T; + +type KebabKeys = { [K in keyof T as K extends string ? Kebab : K]: T[K] }; + +declare namespace ZSoft { + interface ZingGridElementEventMap { + 'menu:click': CustomEvent; + 'cell:beforerender': CustomEvent; + 'cell:click': CustomEvent; + 'cell:closeedit': CustomEvent; + 'cell:copy': CustomEvent; + 'cell:mouseout': CustomEvent; + 'cell:mouseover': CustomEvent; + 'cell:openedit': CustomEvent; + 'cell:paste': CustomEvent; + 'cell:rightclick': CustomEvent; + 'grid:beforerender': CustomEvent; + 'grid:contextmenuclose': CustomEvent; + 'grid:contextmenuopen': CustomEvent; + 'grid:deselect': CustomEvent; + 'grid:hydrate': CustomEvent; + 'grid:keydownesc': CustomEvent; + 'grid:pagechange': CustomEvent; + 'grid:pagefirst': CustomEvent; + 'grid:pagelast': CustomEvent; + 'grid:pagenext': CustomEvent; + 'grid:pageprev': CustomEvent; + 'grid:pagesizechange': CustomEvent; + 'grid:ready': CustomEvent; + 'grid:refresh': CustomEvent; + 'grid:render': CustomEvent; + 'grid:scroll': CustomEvent; + 'grid:search': CustomEvent; + 'grid:select': CustomEvent; + 'grid:selectall': CustomEvent; + 'data:cell:beforechange': CustomEvent; + 'data:cell:change': CustomEvent; + 'data:load': CustomEvent; + 'data:record:beforechange': CustomEvent; + 'data:record:beforedelete': CustomEvent; + 'data:record:beforeinsert': CustomEvent; + 'data:record:change': CustomEvent; + 'data:record:delete': CustomEvent; + 'data:record:insert': CustomEvent; + 'data:record:openinsert': CustomEvent; + 'row:click': CustomEvent; + 'row:mouseout': CustomEvent; + 'row:mouseover': CustomEvent; + 'row:select': CustomEvent; + 'column:click': CustomEvent; + 'column:filter': CustomEvent; + 'column:mouseout': CustomEvent; + 'column:mouseover': CustomEvent; + 'card:click': CustomEvent; + 'card:mouseout': CustomEvent; + 'card:mouseover': CustomEvent; + 'record:click': CustomEvent; + 'record:mouseout': CustomEvent; + 'record:mouseover': CustomEvent; + 'header:click': CustomEvent; + } + + interface ZingGridEventHandlers { + /** + * @description Fires the event when custom menu item is clicked. + */ + 'onMenuClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event before a cell is rendered. + */ + 'onCellBeforerender'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when a click occurs to a cell. + */ + 'onCellClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the cell editor is closed. + */ + 'onCellCloseedit'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when copying (ctrl+c) occurs in a cell. + */ + 'onCellCopy'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved out of a cell. + */ + 'onCellMouseout'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved over a cell. + */ + 'onCellMouseover'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the cell editor is opened. + */ + 'onCellOpenedit'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when pasting (ctrl+p) occurs in a cell. + */ + 'onCellPaste'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when right click occurs on a cell. + */ + 'onCellRightclick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event once before the grid renders. + */ + 'onGridBeforerender'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the contextmenu is closed. + */ + 'onGridContextmenuclose'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the contextmenu is opened. + */ + 'onGridContextmenuopen'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when selection is deselected in the grid. + */ + 'onGridDeselect'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the pre-rendered grid is finished being hydrated. + */ + 'onGridHydrate'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the (Esc) key is pressed. + */ + 'onGridKeydownesc'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when a page changes in the grid. + */ + 'onGridPagechange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the grid changes to the first page. + */ + 'onGridPagefirst'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the grid changes to the last page. + */ + 'onGridPagelast'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the grid changes to the next page. + */ + 'onGridPagenext'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the grid changes to the previous page. + */ + 'onGridPageprev'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the "page-size" (amount of rows displaying) changes on the grid. + */ + 'onGridPagesizechange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the grid ready event when grid is ready. + */ + 'onGridReady'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when the grid is refreshed through grid controls or API method "refresh()". + */ + 'onGridRefresh'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event once when grid renders. + */ + 'onGridRender'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when scrolling occurs in grid. + */ + 'onGridScroll'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when a the grid is searched. + */ + 'onGridSearch'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when selection is made in the grid. + */ + 'onGridSelect'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when selecting every cell (ctrl+a) in the grid. + */ + 'onGridSelectall'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event before a single cell value is changed. + */ + 'onDataCellBeforechange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event after a single cell value is changed. + */ + 'onDataCellChange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event every time a new dataset is loaded in the grid. + */ + 'onDataLoad'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event before a record (row) is changed. + */ + 'onDataRecordBeforechange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event before a record (row) is deleted from the grid. + */ + 'onDataRecordBeforedelete'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event before a new record (row) is added to the grid. + */ + 'onDataRecordBeforeinsert'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event after a record (row) is changed. + */ + 'onDataRecordChange'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when a record (row) is deleted from the grid. + */ + 'onDataRecordDelete'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event after a new record (row) is added to the grid. + */ + 'onDataRecordInsert'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires event when the insert dialog is opened + */ + 'onDataRecordOpeninsert'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the "row:click" and "record:click" event when a click occurs on a record (row). + */ + 'onRowClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved out a record (row). + */ + 'onRowMouseout'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved over a record (row). + */ + 'onRowMouseover'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires when the row selector changes + */ + 'onRowSelect'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires event when click on a column. + */ + 'onColumnClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when a column is filtered. + */ + 'onColumnFilter'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires event when mouseout on a column. + */ + 'onColumnMouseout'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires event when mouseover on a column. + */ + 'onColumnMouseover'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the "card:click" and "record:click" event when a click occurs on a record (card). + */ + 'onCardClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved out a record (card). + */ + 'onCardMouseout'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the event when mouse is moved over a record (card). + */ + 'onCardMouseover'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires the "row:click" and "record:click" event when a click occurs on a record (row). + */ + 'onRecordClick'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires when the mouse cursor leaves the record (row). + */ + 'onRecordMouseout'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires when the mouse cursor enter the record (row). + */ + 'onRecordMouseover'?: ((this: Window, ev: CustomEvent) => any) | null; + /** + * @description Fires event when click on a header cell. + */ + 'onHeaderClick'?: ((this: Window, ev: CustomEvent) => any) | null; + } + + interface CatchAll { + [attr: string]: any; + } + + namespace ZingGridAttributes { + interface ZGButton { + /** + * @description Sets the action of the button + */ + action?: string; + + /** + * @description Presence of attribute determines if the button is disabled or not + */ + disabled?: boolean; + + /** + * @description Sets the icon for the button + */ + icon?: string; + } + + interface ZGCaption { + /** + * @description The alignment of content in the caption + */ + align?: string; + + /** + * @description Indicates where to position the caption + */ + position?: string; + } + + interface ZGCard { + /** + * @description Sets the custom editor + */ + editor?: string; + + /** + * @description Points to an external template element to be used as the template for the card's editor + */ + editorTemplate?: string; + + /** + * @description The return value of the method is set as the innerHTML of "". If nothing is returned, + * it will not change the currently rendered card. The method takes the paramters "data", "domCard", and "rowObject". + */ + renderer?: string; + + /** + * @description Points to an external template element to be used as the template for the card's render. + */ + rendererTemplate?: string; + } + + interface ZGCheckbox { + /** + * @description Presence of attribute determines if the checkbox is checked + */ + checked?: boolean; + } + + interface ZGColumn { + /** + * @description Aligns the contents of the cell + */ + align?: 'center' | 'left' | 'right'; + + /** + * @description If the index is an array of objects, use array-index to indicate which index of the array object to include + */ + arrayIndex?: string; + + /** + * @description If the index is an array, you can use array-slice to indicate which array indexes to include. + */ + arraySlice?: string | number; + + /** + * @description The type of "word-break" style for body cells. When not set, "cell-break" style is "normal" by default. + * If the width of a column is set, "cell-break" is "word" by default. + */ + cellBreak?: 'all' | 'ellipsis' | 'normal' | 'word'; + + /** + * @description The class to be set directly on "" within the column. "cell-class" applied to + * "" will overwrite the "cell-class" applied to "". + */ + cellClass?: string; + + /** + * @description Sets the execution method of custom 'icon' type tooltips to either activate on hover or click of the icon + */ + cellTooltipAction?: 'click' | 'hover'; + + /** + * @description Sets the hover delay in milliseconds before displaying the tooltip + */ + cellTooltipDelay?: number; + + /** + * @description Specifies the icon to use for the cell tooltip trigger icon when using the info column type + */ + cellTooltipIcon?: string; + + /** + * @description Sets the tooltip-position for the cell + */ + cellTooltipPosition?: 'top' | 'left' | 'right' | 'bottom'; + + /** + * @description Gets the name of the user's custom render function, on window, to use the function's return value as the tooltip content + */ + cellTooltipRenderer?: string; + + /** + * @description Points to an external template element to be used as the template for the tooltip display + */ + cellTooltipTemplate?: string; + + /** + * @description Sets the tooltip text for the cell of the column. Can pass this value to renderer or template if using + */ + cellTooltipText?: string; + + /** + * @description Sets the style to use for the tooltips. Uses the "default" style by default. Can set to "system" to match the tooltips used on icons throughout "". + */ + cellTooltipType?: 'default' | 'system'; + + /** + * @description When an additional HTML element is added to the renderer, as in the case of image and url, + * "content-style" will be put into a style attribute directly on the element. + */ + contentStyle?: string; + + /** + * @description Sets the width of the content inside of the cell. Used on cells of column type + * "element", "iframe", "image", or "url". + */ + contentWidth?: string | number; + + /** + * @description The data to display in each cell where the data value is null or undefined + */ + defaultDisplay?: string; + + /** + * @description Renderer for the details page of a column. + * To use a custom renderer, the attribute should be set to the name of the function. + * The renderer function takes in the following arguments, "value of index" (for each index), "domCell", and "cellObject". + * The returned value of the renderer function is set as the innerHTML of the details dialog. + */ + detailsRenderer?: string; + + /** + * @description Points to an external template element to be used as the template for the column's details + */ + detailsTemplate?: string; + + /** + * @description Disables the drag state of a specific column when "column-drag" enabled on "" + */ + drag?: 'disabled'; + + /** + * @description Overrides the default editor for the column. Can be set to a different built-in editor (based on type of column), + * custom editor, or "false" to turn off editor. + * If set to a custom editor, the attribute value should be set to the name of the object. + * See "Features" page on "Editing: Custom Editor Grid" for more details on custom editor. + */ + editor?: string | string; + + /** + * @description Points to an external template element to be used as the template for the column's editor + */ + editorTemplate?: string; + + /** + * @description Overrides the grid level "filter" attribute. Presence of attribute enables on "filter" column, otherwise + * set to "disabled" to disable. + */ + filter?: 'disabled' | boolean; + + /** + * @description Sets the data field index to filter on if index itself has multiple fields. The value set in index is the default. + */ + filterIndex?: string; + + /** + * @description The aggregate function, tokenized string, or function to evaluate for the foot cell of the column. + * If using a function, the function takes the parameters "columnData" and "columnFieldIndex". + */ + footCell?: 'sum' | 'avg' | 'max' | 'min' | 'count' | 'tokenized string' | 'functionName' | string; + + /** + * @description The aggregate function to evaluate for the head cell of the column. + * If using a function, the function takes the parameters "columnData" and "columnFieldIndex". + */ + headCell?: 'sum' | 'avg' | 'max' | 'min' | 'count' | 'tokenized string' | 'functionName' | string; + + /** + * @description The header name for the column. If it is not set, the default is to format the "index" value. + */ + header?: string; + + /** + * @description Setting to "disabled" will turn off formatting on the header of the column. By default, headers will + * convert camel, dash, or kebab case to a properly spaced and capitalized string. Or + * set to a function name to customize formatting of header text. The custom function takes in two parameters, + * "index" and "headerText", and returns the formatted header text. + */ + headerAutoFormat?: 'disabled' | 'functionName' | string; + + /** + * @description Sets the execution method of custom 'icon' type tooltips to either activate on hover or click of the icon + */ + headerTooltipAction?: 'click' | 'hover'; + + /** + * @description Sets the hover delay in milliseconds before displaying the header tooltip + */ + headerTooltipDelay?: number; + + /** + * @description Specifies the icon to use for the header tooltip trigger icon + */ + headerTooltipIcon?: string; + + /** + * @description Sets the tooltip icon position for the tooltip icon in the header cells + */ + headerTooltipIconPosition?: 'left' | 'right' | 'after-text'; + + /** + * @description Sets the tooltip-position for the header cell + */ + headerTooltipPosition?: 'top' | 'left' | 'right' | 'bottom'; + + /** + * @description Gets the name of the user's custom render function, on window, to use the function's return value as the tooltip content + */ + headerTooltipRenderer?: string; + + /** + * @description Points to an external template element to be used as the template for the tooltip display + */ + headerTooltipTemplate?: string; + + /** + * @description Sets the tooltip text for the header cell of the column. Can pass this value to renderer or template if using + */ + headerTooltipText?: string; + + /** + * @description Sets what part of the header triggers the tooltip. If set to 'icon', an info icon is added to the header. + */ + headerTooltipTrigger?: 'text' | 'icon'; + + /** + * @description Sets the style to use for the tooltips. Uses the "default" style by default. Can set to "system" to match the tooltips used on icons throughout "". + */ + headerTooltipType?: 'default' | 'system'; + + /** + * @description Presence of attribute hides the column + */ + hidden?: boolean; + + /** + * @description A single index or multiple indices (separated by comma), to associate information in the data source + * to a column in the grid. Nested data keys are referenced by the member character "." (Ex. data.key). + */ + index?: string; + + /** + * @description Localization code used with column type "currency" and "number" + */ + locale?: string; + + /** + * @description The text to display in the control menu for the column. If it is not set, it is set to the header text. + */ + menuText?: string; + + /** + * @description Sets the minimum width of the column in pixels + */ + minWidth?: number; + + /** + * @description Overrides the default renderer for the column. Can be set to a different built-in or custom renderer. + * To use a custom renderer, the attribute should be set to the name of the function. + * The renderer function takes in the following arguments, "value of index" (for each index), "domCell", and "cellObject". + * The returned value of the renderer function is set as the innerHTML of the cell. + */ + renderer?: string; + + /** + * @description Points to an external template element to be used as the template for the column's renderer + */ + rendererTemplate?: string; + + /** + * @description Indicates that the column is required to have a value on edit + */ + required?: boolean; + + /** + * @description Turns on column resizing for single column. Set to "disabled" to turn off resizing on a single column. + */ + resizable?: 'disabled'; + + /** + * @description Sets the maximum width the column can be set to when resizing + */ + resizableMaxWidth?: number; + + /** + * @description Sets the minimum width the column can be set to when resizing + */ + resizableMinWidth?: number; + + /** + * @description Modifies the default column resizable persistence. Set to "disabled" to turn off persistence on a single column. + */ + resizablePersistent?: boolean; + + /** + * @description Turns off the search on a column if "search" is present on "" + */ + search?: 'disabled'; + + /** + * @description If multiple indices are set, this is the string that separates them in the display. By default, it is a comma. + */ + separator?: string; + + /** + * @description Turns off the sort on a column if "sort" is present on "" + */ + sort?: 'disabled'; + + /** + * @description Presence of attribute sorts the column data in ascending order + */ + sortAsc?: boolean; + + /** + * @description Presence of attribute sorts the column data in descending order + */ + sortDesc?: boolean; + + /** + * @description Overrides default behavior for setting special sort for international data + */ + sortIntl?: 'disabled'; + + /** + * @description Overrides the default sorter for the column. It is also possible to override the column sorting by + * passing in method name of sort function instead or setting to "disabled" to disable sorting. Sorter function + * takes in two values (a, b) and returns 1, -1, or 0 indicating if "a > b", "a < b", or "a = b". + * Can also be set to a path in the dataset to perform the sort on. This is useful for sorting object indices. + */ + sorter?: string; + + /** + * @description The type of the data stored in the column. The column renderer/editor will behave based on the column type. + */ + type?: 'boolean' | 'button' | 'currency' | 'custom' | 'date' | 'editor' | 'element' | 'email' | 'icon' | 'image' | 'iframe' | 'number' | 'password' | 'range' | 'remover' | 'row-number' + | 'select' | 'selector' | 'tel' | 'text' | 'toggle' | 'url'; + + /** + * @description Presence of attribute sets the button to be in a disabled state. Can also set to "true" or "false". + */ + typeButtonDisabled?: boolean; + + /** + * @description When the column type is set to "button", use "typeButtonHander" to hook up a function call to the button click. + * Callback receives rowData, zg-cell DOM, and zg-cell object as arguments. + */ + typeButtonHandler?: string; + + /** + * @description When the column type is set to "button", use "typeButtonIcon" to add an icon next to the rendered button in the cell + */ + typeButtonIcon?: string; + + /** + * @description When the column type is set to "button", use "typeButtonLabel" to add a label to the rendered button in the cell + */ + typeButtonLabel?: string; + + /** + * @description When the column type is set to "button", use "typeButtonURL" to add a shortcut handler on button click. The click will automatically open the url in a new window. + */ + typeButtonUrl?: string; + + /** + * @description When the column type is set to "checkbox", use "typeCheckboxLabel" to add a label next to the rendered checkbox in the cell + */ + typeCheckboxLabel?: string; + + /** + * @description The currency to be used in currency formatting. + * Currency is set using using the 3 letter currency code specified by ISO 4217 specification (https://en.wikipedia.org/wiki/ISO_4217) + */ + typeCurrency?: string; + + /** + * @description The tokenized formatting for a date column + */ + typeDateFormat?: string; + + /** + * @description Indicates if date should be displayed in FromNow format + */ + typeDateFromNow?: boolean; + + /** + * @description Sets the attribute of the custom-element in the column when "" has "type" set to "element" + */ + typeElementAttributeName?: string; + + /** + * @description Sets the tag to wrap content when "" has "type" set to "element". + * If "type-element-attribute-name" isn't set, it will put the rendered data into the body of the element. + * If "type-element-attribute-name" is set, it will set the attribute to the indexed value. + */ + typeElementTagName?: string; + + /** + * @description Sets a "square" ratio instead of the default "16:9" + */ + typeIframeRatio?: 'square'; + + /** + * @description The alternative text used with the "image" type column + */ + typeImageAlt?: string; + + /** + * @description The alternative shape to mask the image + */ + typeImageMask?: 'circle'; + + /** + * @description If the column type is "image", use the "type-image-src" attribute to set the src for the image. The src will be the index value by default. + */ + typeImageSrc?: string; + + /** + * @description Indicates the exact numbers to display after the decimal + */ + typeNumberDecimals?: number; + + /** + * @description Set to "disabled" to turn off default number formatting + */ + typeNumberFormatting?: 'disabled'; + + /** + * @description Indicates the maximum numbers to display after the decimal + */ + typeNumberMaxDecimals?: number; + + /** + * @description When the column type is set to "radio", use "typeRadioOptions" to add rendered radio options in the cell. + * Can also set as array of name/value pairs where the name is displayed for the given value + */ + typeRadioOptions?: any[] | string; + + /** + * @description Maximum value for the input box. Used with the "range" type column in edit mode. + */ + typeRangeMax?: number; + + /** + * @description Minimum value for the input box. Used with "range" type column in edit mode. + */ + typeRangeMin?: number; + + /** + * @description Specifies the step between each legal value for the input box. Used with "range" type column in edit mode. + */ + typeRangeStep?: number; + + /** + * @description In edit mode, presence of attribute allows column type "select" to have multiple selections, instead of the default + * of a single selection + */ + typeSelectMultiple?: boolean; + + /** + * @description To set the options for the select box for a "select" column when "editor" is enabled on "". + * Can also set as array of name/value pairs where the name is displayed for the given value + */ + typeSelectOptions?: string | any[]; + + /** + * @description When the column type is set to "toggle", use "typeToggleOptions" to set the list of options for the display. + */ + typeToggleOptions?: any[]; + + /** + * @description When the column type is set, the render and value will be the same. This prevents the default creating of true/false for toggles. + */ + typeToggleRenderValue?: boolean; + + /** + * @description If the column type is "url", use this attribute to reference any "" within the library + * to replace the link text with this icon. + */ + typeUrlIcon?: 'link' | 'outsidearrow'; + + /** + * @description If the column type is "url", use the "type-url-src" attribute to set the src for the link. The link will be the index value by default. + */ + typeUrlSrc?: string; + + /** + * @description If the column type is "url", use the "type-url-text" attribute to set the text displayed for the link. + */ + typeUrlText?: string; + + /** + * @description Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex. + */ + typeColorMode?: string; + + /** + * @description Disable the default color swatch UI preview with a false value. + */ + typeColorPreview?: boolean; + + /** + * @description Sets the validation error message for the column. Overrides any other settings. + */ + validationErrorMessage?: string; + + /** + * @description Sets the validation required message for the column. Overrides any other settings. + */ + validationRequiredMessage?: string; + + /** + * @description Sets the validation method for the column. Overrides the default for the column type + */ + validator?: string | string; + + /** + * @description Used in the case of automatically removing columns on resize. Columns without a "visibility-priority" never + * gets removed. The rest of the columns are removed from highest "visibility-priority" value to the lowest. + */ + visibilityPriority?: number; + + /** + * @description Sets the width of the column. + */ + width?: 'fit' | 'fitheader' | 'fitcontent' | 'stretch' | '10%' | '150px' | '150' | string | number; + } + + interface ZGData { + /** + * @description Adapter is a shortcut to set known options for specific third party datasets. Currently supports "graphql" and "firebase". + * Developers could register their own custom adapters. For more information on custom adapters, visit Guides > ZingGrid Object > registerAdapter(). + */ + adapter?: string; + + /** + * @description Data for the grid presented as an array or object. If set as an attribute value, the + * data needs to be in JSON format. + */ + data?: any; + + /** + * @description In the case of non-key based objects, the idKey can be set to indicate the id to send back to the datasource on CRUD commands. + * For example, if the READ URL was https://zinggrid-named.firebaseio.com/ then the UPDATE would be https://zinggrid-named.firebaseio.com/VALUE_OF_IDKEY. + */ + idKey?: string; + + /** + * @description Used to set "", the configuration data for "". This should never be used directly as an attribute and + * is meant for object instantiation and for setting in JavaScript. + */ + options?: any; + + /** + * @description Specifies the absolute or relative URL to fetch data from to populate the grid + */ + src?: string; + } + + interface ZGDialog { + /** + * @description Callback method to call on custom dialog when the dialog's "cancel" + * button is clicked + */ + cancel?: string; + + /** + * @description Callback method to call on custom dialog when the dialog's "confirm" + * button is clicked + */ + confirm?: string; + + /** + * @description Sets the dialog's header 'label' text + */ + label?: string; + + /** + * @description The presence of the specification-standard "open" attribute designates whether the dialog is shown or hidden + */ + open?: string; + } + + interface ZGIcon { + /** + * @description Sets the icon type of "" + */ + name?: string; + } + + interface ZGInput { + /** + * @description The built-in behavior and display of the input. Gets and sets the associated grid property. + */ + action?: string; + + /** + * @description The type of the input if not using a built-in action + */ + type?: string; + + /** + * @description The value of the input + */ + value?: string; + } + + interface ZGMenu { + /** + * @description Presence of attribute replaces the default context menu with a custom menu. + * If "replace" is not set, the custom menu will be appended to the end of the default menu. + */ + replace?: boolean; + } + + interface ZGPager { + /** + * @description Sets the number of records or rows to display per page + */ + pageSize?: number; + + /** + * @description Sets the number of cards to display per page when in card mode + */ + pageSizeCard?: number; + + /** + * @description Sets the number of rows to display per page when in row mode + */ + pageSizeRow?: number; + + /** + * @description Determines max number of page buttons to display. Default is 5. + */ + pagerButtonLimit?: number; + + /** + * @description Determines which type of pagination to use, input or buttons + */ + pagerType?: string; + + /** + * @description Indicates where to position the pager + */ + position?: string; + + /** + * @description Sets the options for page size in "zg-option-list" + */ + sizeOptions?: string; + } + + interface ZGParam { + /** + * @description Name of parameter + */ + name?: string; + + /** + * @description The value for given data key. If the value is an object, format as JSON encoded version of string. + */ + value?: string; + } + + interface ZGSource { + /** + * @description Indicates where to position the source + */ + position?: string; + } + + interface ZGText { + /** + * @description Specifies what value to generate in text field. Current built-in options are + * pager-related information. + */ + value?: string; + } + + interface ZingGrid { + /** + * @description Aligns the contents of all column's cells + */ + align?: 'center' | 'left' | 'right'; + + /** + * @description The caption for the grid + */ + caption?: string; + + /** + * @description Specifies the defined "" of the grid. More appropriate to use "" in most cases or set the property programmatically. + */ + card?: any; + + /** + * @description The type of "word-break" style for body cells. When not set, "cell-break" style is "normal" by default. + * If the width of a column is set, "cell-break" is "word" by default. + * To overwrite "cell-break" for cells in a specific column, set "cell-break" for that column. + */ + cellBreak?: 'all' | 'ellipsis' | 'normal' | 'word'; + + /** + * @description Adds a class to each "" in the grid. This attribute can be applied to both + * "" or "". If the attribute is applied to both, ""'s "cell-class" overwrites ""'s "cell-class". + * To set a class conditionally, set "cell-class" to the name of the function, which takes in the arguments: "cellData", "domContainer", "cellObject". + */ + cellClass?: string; + + /** + * @description Turns cell editing on or off. Automatically turned on when setting "editor" or "editor-controls". + */ + cellEditor?: 'disabled' | boolean; + + /** + * @description Turns off keyboard nav cell focus if set to disabled + */ + cellFocus?: 'disabled'; + + /** + * @description Sets the execution method of custom 'icon' type tooltips to either activate on hover or click of the icon + */ + cellTooltipAction?: 'click' | 'hover'; + + /** + * @description Sets the hover delay in milliseconds before displaying the tooltip. If delay is not specified, + * it is 1000ms on cell tooltips without an icon and 0ms on cell tooltips with an icon. + */ + cellTooltipDelay?: number; + + /** + * @description Specifies the icon to use for the info column types + */ + cellTooltipIcon?: string; + + /** + * @description Sets the tooltip-position for the cell + */ + cellTooltipPosition?: 'top' | 'left' | 'right' | 'bottom'; + + /** + * @description Gets the name of the user's custom render function, on window, to use the function's return value as the tooltip content + */ + cellTooltipRenderer?: string; + + /** + * @description Points to an external template element to be used as the template for the tooltip display + */ + cellTooltipTemplate?: string; + + /** + * @description Sets the style to use for the tooltips. Uses the "default" style by default. Can set to "system" to match the tooltips used on icons throughout "". + */ + cellTooltipType?: 'default' | 'system'; + + /** + * @description Adds a class to each "" in targeted "". To + * apply a class conditionally, set the value to the name of the function to run + * on each cell value. The function takes the parameters "fieldIndex", "domContainer", + * and "colObject", and returns a string which is the class name to apply. + */ + colClass?: string; + + /** + * @description Enables column dragging + */ + columnDrag?: boolean; + + /** + * @description Specifies the action of dragging allowed. By default, if "column-drag" is + * enabled then "column-drag-action" is set ""both"". This property will turn on column-drag if not already set. + */ + columnDragAction?: 'reorder' | 'hide' | 'both'; + + /** + * @description Presence of attribute turns on column resizing for all columns + */ + columnResizable?: boolean; + + /** + * @description Sets the maximum width columns can be set to when resizing + */ + columnResizableMaxWidth?: number; + + /** + * @description Sets the minimum width columns can be set to when resizing + */ + columnResizableMinWidth?: number; + + /** + * @description Presence of attribute displays column resizing for all columns without hover + */ + columnResizablePersistent?: boolean; + + /** + * @description Sets the width each of the columns + */ + columnWidth?: 'fit' | 'fitheader' | 'fitcontent' | 'stretch' | '10%' | '150px' | '150' | string | number; + + /** + * @description Specifies the columns of the grid. More appropriate to use "" in most cases or set the property programmatically. + */ + columns?: ZGColumn[]; + + /** + * @description Presence of attribute turns on the menu to show and hide columns + */ + columnsControl?: boolean; + + /** + * @description Augments internal themes to a compact mode + */ + compact?: boolean; + + /** + * @description Used to set multiple grid properties at once. This should never be used directly. + * This is meant for object instantiation. + */ + config?: any; + + /** + * @description Turns off delete confirmation if set to disable + */ + confirmDelete?: 'disabled'; + + /** + * @description Enables the default "" context menu or set to the id name of a custom "". If + * set to a custom menu and "" has the "replace" attribute present, then the custom menu will replace the context menu. + * Otherwise the contents of the custom menu is appended to the end of context menu. + */ + contextMenu?: string | boolean; + + /** + * @description Data for the grid presented as an array or object + */ + data?: any; + + /** + * @description The data to display in each cell where the data value is null or undefined + */ + defaultDisplay?: string; + + /** + * @description Sets "" to display dialog and mask within the grid dimensions instead of the whole screen + */ + dialog?: boolean; + + /** + * @description The HTML standard direction to indicate direction of grid's columns and text + */ + dir?: string; + + /** + * @description Turns on the grid editor. Enables single cell editing via double click. + * Sets the editor to inline (default) or modal. + */ + editor?: 'modal' | boolean; + + /** + * @description Adds columns for the editor controls. If it is added, default is "all". + */ + editorControls?: 'editor' | 'remover' | 'creator' | 'all' | boolean; + + /** + * @description Enables filtering for all columns. Can be turned on/off individually via column. + */ + filter?: boolean; + + /** + * @description Adds a class to each "" in the "". To + * apply a class conditionally, set the value to the name of the function to run + * on each cell value. The function takes the parameters "fieldIndex", "domContainer", + * and "colObject", and returns a string which is the class name to apply. + */ + footClass?: string; + + /** + * @description Sets vertical, horizontal or both grid lines to the grid + */ + gridlines?: 'both' | 'horz' | 'horizontal' | 'vert' | 'vertical'; + + /** + * @description Adds a class to each "" in the "". To + * apply a class conditionally, set the value to the name of the function to run + * on each cell value. The function takes the parameters "fieldIndex", "domContainer", + * and "colObject", and returns a string which is the class name to apply. + */ + headClass?: string; + + /** + * @description Converts camel, dash, and kebab case to properly spaced and capitalized typography. + * Setting to "disabled" will turn off formatting on headers. Set to a function name to customize formatting of headers. + */ + headerAutoFormat?: string; + + /** + * @description Sets the execution method of custom 'icon' type tooltips to either activate on hover or click of the icon + */ + headerTooltipAction?: 'click' | 'hover'; + + /** + * @description Sets the hover delay in milliseconds before displaying the header tooltip + */ + headerTooltipDelay?: number; + + /** + * @description Specifies the icon to use for the header tooltip trigger icon + */ + headerTooltipIcon?: string; + + /** + * @description Sets the tooltip icon position for the tooltip icon in the header cells + */ + headerTooltipIconPosition?: 'left' | 'right' | 'after-text'; + + /** + * @description Sets the tooltip-position for the header cell + */ + headerTooltipPosition?: 'top' | 'left' | 'right' | 'bottom'; + + /** + * @description Gets the name of the user's custom render function, on window, to use the function's return value as the tooltip content + */ + headerTooltipRenderer?: string; + + /** + * @description Points to an external template element to be used as the template for the tooltip display + */ + headerTooltipTemplate?: string; + + /** + * @description Sets what part of the header triggers the tooltip. If set to 'icon', an info icon is added to the header. + */ + headerTooltipTrigger?: 'text' | 'icon'; + + /** + * @description Sets the style to use for the tooltips. Uses the "default" style by default. Can set to "system" to match the tooltips used on icons throughout "". + */ + headerTooltipType?: 'default' | 'system'; + + /** + * @description Sets the height of the grid. If the height is less than the size of the content, scrolling is added + * to grid body. + */ + height?: string | number; + + /** + * @description Allows the user to change the grid icon set to an allowed 3rd-party type (e.g., Font-Awesome). + * To use a custom icon set, the icon set must first be registered. + */ + iconSet?: string; + + /** + * @description If setting [icon-set="custom"], points to the custom JSON key/value mapping + */ + iconSetData?: string; + + /** + * @description Sets the language to use for the grid + */ + lang?: string; + + /** + * @description Sets the grid layout to be either "card" or "row" and adds "" to the grid. + * The default is based on the size of the user's screen, unless "layout" is set. + */ + layout?: 'card' | 'row'; + + /** + * @description When "layout" is set, by default "layout-controls" is enabled. + * To hide, set "layout-controls" to "disabled". Presence of this attribute will enable + * "" even if "layout" is not set. + */ + layoutControls?: 'disabled' | boolean; + + /** + * @description Presence of attribute adds loading state to grid, which triggers "" to show. + * This attribute allows styling the height of the grid (via CSS) before the data has loaded in the grid. + */ + loading?: boolean; + + /** + * @description Sets the text to display in the "" on data load + */ + loadingText?: string; + + /** + * @description Set "loadmask="disabled"" to prevent the "" from showing on data load. + */ + loadmask?: 'disabled'; + + /** + * @description Sets the message that appears in the "" element when there are no records + */ + noData?: string; + + /** + * @description Sets the number of records or rows to display per page. Can be set only if "pager" is set. + */ + pageSize?: number; + + /** + * @description Sets the number of cards to display per page when in card mode. Can be set only if "pager" is set. + */ + pageSizeCard?: number; + + /** + * @description Sets the options for page size in "zg-option-list". Can be set only if "pager" is set. + */ + pageSizeOptions?: string; + + /** + * @description Sets the number of rows to display per page when in row mode. Can be set only if "pager" is set. + */ + pageSizeRow?: number; + + /** + * @description Adds pagination functionality and controls to the grid + */ + pager?: boolean; + + /** + * @description Determines max number of page buttons to display. Default is 5. + */ + pagerButtonLimit?: number; + + /** + * @description Sets pager position. Note: "pager" attribute or "" must be present in + * order to position pager. + */ + pagerPosition?: 'top' | 'bottom'; + + /** + * @description Determines which type of pagination to use, input or buttons + */ + pagerType?: 'button-text' | 'button-arrows'; + + /** + * @description Name/Value pairs of "" values. More appropriate to use "" in most cases. + */ + params?: any; + + /** + * @description Sets the total record count. Useful for "loadByPage" when the response packet + * does not return total count of records. + */ + recordCount?: number; + + /** + * @description Adds a class to each "" element. To + * apply a class conditionally, set the value to the name of the function to run + * on each cell value. The function takes the parameters "data", "rowIndex" (1-based), + * "domRow", and "rowObject", and returns a string which is the class name to apply. + */ + rowClass?: string; + + /** + * @description Sets the height of each row. By default, the row height is set to 'auto' where it will auto fit the content. + * In the case of frozen columns, the default row height is '48px' because there is a performance hit when using 'auto' with + * frozen columns. + */ + rowHeight?: string | number; + + /** + * @description Adds "selector" type column to the rows as the first column + */ + rowSelector?: boolean; + + /** + * @description Turns on the search feature and adds "" to the grid. + * The search button appears in the caption header. + */ + search?: boolean; + + /** + * @description Turns on the selector feature on the grid and adds + * "" to the grid + */ + selector?: boolean; + + /** + * @description Indicates that the grid was completely rendered on the server and embedded in the page + */ + serverRendered?: boolean; + + /** + * @description Enables sorting on all columns. It is possible to disable specific columns + * via the column's object or setting "sort="disabled"" to specified columns. + */ + sort?: boolean; + + /** + * @description Overrides default behavior for international sorting. Turn off international sorting with "sort-intl="disabled"". + */ + sortIntl?: 'disabled'; + + /** + * @description Override the column sorting by passing in method name of sort function instead. Sorter function + * takes in two values (a, b) and returns 1, -1, or 0 indicating if "a > b", "a < b", or "a = b". + */ + sorter?: string; + + /** + * @description Defines the source of the data in the grid. Adds the "" element. + */ + source?: string; + + /** + * @description Specifies the absolute or relative URL to fetch data from to populate the grid + */ + src?: string; + + /** + * @description Adds a display button that launches the contextmenu. + */ + staticMenu?: boolean; + + /** + * @description Changes the duration a status message will remain visible until it automatically closes (in milliseconds) + */ + statusDelay?: number; + + /** + * @description Prevents status messages from automatically closing after a delay + */ + statusPersist?: boolean; + + /** + * @description Positions the status message in one of nine positions relative to the grid + */ + statusPosition?: 'top left' | 'center left' | 'bottom left' | 'top center' | 'center' | 'bottom center' | 'top right' | 'center right' | 'bottom right' | 'bar'; + + /** + * @description Defines the regex expression for closing data binding + */ + templateEndDelimiter?: string; + + /** + * @description Defines the regex expression for starting data binding + */ + templateStartDelimiter?: string; + + /** + * @description Sets the theme of the grid. Built-in themes are specified by keyword, but custom theme + * names are also accepted by setting a URL path to your custom css theme file. For custom themes, on load set "theme" + * to the path to the custom theme file. After, set to theme name to switch themes. + */ + theme?: 'android' | 'black' | 'default' | 'dark' | 'ios' | 'urlToThemeFile' | 'customThemeName' | string; + + /** + * @description Sets the default validation error message + */ + validationErrorMessage?: string; + + /** + * @description Sets the default validation required message + */ + validationRequiredMessage?: string; + + /** + * @description Internal attribute. Should not be set. + */ + viewport?: string; + + /** + * @description Keeps current value of "viewport" and freezes the breakpoint + */ + viewportPause?: boolean; + + /** + * @description Removes "viewport" attribute, disabling viewport resizing + */ + viewportStop?: boolean; + + /** + * @description Sets custom "viewport" breakpoints (value string-object must be valid JSON). + * NOTE: If you don't set "mobile", the grid won't auto-set card or row mode. + */ + viewportTypes?: string; + + /** + * @description Sets the width of the grid. If the width is less than the size of the content, scroll is added to "". + */ + width?: string | number; + + /** + * @description Presence of attribute adds the classes, "zebra-1" and "zebra-2", alternating on "" elements. Setting to a + * list of class names will assign classes in sequential order. For conditional zebra classes, "zebra" also accepts name of function that + * returns a class name to use for zebra striping. + */ + zebra?: string; + } + } + + type ZingGridConfig = ZingGridAttributes.ZingGrid; + + interface NonoptionalAttributes { + /** + * @description Presence of attribute hides the column + */ + hidden: boolean; + /** + * @description Enables the default "" context menu or set to the id name of a custom "". If + * set to a custom menu and "" has the "replace" attribute present, then the custom menu will replace the context menu. + * Otherwise the contents of the custom menu is appended to the end of context menu. + */ + contextMenu: string | boolean; + /** + * @description The HTML standard direction to indicate direction of grid's columns and text + */ + dir: string; + /** + * @description Sets the language to use for the grid + */ + lang: string; + } + + interface ZGBody extends CatchAll, HTMLElement {} + interface ZGButton extends ZingGridAttributes.ZGButton, CatchAll, HTMLElement {} + interface ZGCaption extends ZingGridAttributes.ZGCaption, CatchAll, HTMLElement {} + interface ZGCard extends ZingGridAttributes.ZGCard, CatchAll, HTMLElement {} + interface ZGCell extends CatchAll, HTMLElement {} + interface ZGCheckbox extends ZingGridAttributes.ZGCheckbox, CatchAll, HTMLElement {} + interface ZGColgroup extends CatchAll, HTMLElement {} + interface ZGColumn extends NonoptionalAttributes, Omit, CatchAll, HTMLElement {} + interface ZGControlBar extends CatchAll, HTMLElement {} + interface ZGData extends ZingGridAttributes.ZGData, CatchAll, HTMLElement {} + interface ZGDialog extends ZingGridAttributes.ZGDialog, CatchAll, HTMLElement {} + interface ZGEditorRow extends CatchAll, HTMLElement {} + interface ZGFocus extends CatchAll, HTMLElement {} + interface ZGFoot extends CatchAll, HTMLElement {} + interface ZGFooter extends CatchAll, HTMLElement {} + interface ZGFrozenColgroup extends CatchAll, HTMLElement {} + interface ZGHead extends CatchAll, HTMLElement {} + interface ZGHeadCell extends CatchAll, HTMLElement {} + interface ZGHeader extends CatchAll, HTMLElement {} + interface ZGIcon extends ZingGridAttributes.ZGIcon, CatchAll, HTMLElement {} + interface ZGInput extends ZingGridAttributes.ZGInput, CatchAll, HTMLElement {} + interface ZGLayoutControls extends CatchAll, HTMLElement {} + interface ZGLoadMask extends CatchAll, HTMLElement {} + interface ZGMenu extends ZingGridAttributes.ZGMenu, CatchAll, HTMLElement {} + interface ZGMenuGroup extends CatchAll, HTMLElement {} + interface ZGMenuItem extends CatchAll, HTMLElement {} + interface ZGNoData extends CatchAll, HTMLElement {} + interface ZGPager extends ZingGridAttributes.ZGPager, CatchAll, HTMLElement {} + interface ZGParam extends ZingGridAttributes.ZGParam, CatchAll, HTMLElement {} + interface ZGRow extends CatchAll, HTMLElement {} + interface ZGSearch extends CatchAll, HTMLElement {} + interface ZGSelectorMask extends CatchAll, HTMLElement {} + interface ZGSeparator extends CatchAll, HTMLElement {} + interface ZGSource extends ZingGridAttributes.ZGSource, CatchAll, HTMLElement {} + interface ZGStatus extends CatchAll, HTMLElement {} + interface ZGText extends ZingGridAttributes.ZGText, CatchAll, HTMLElement {} + interface ZGTooltip extends CatchAll, HTMLElement {} + class ZingGrid { + constructor(config: ZingGridConfig, ref: HTMLElement | Element); + constructor(ref: HTMLElement | Element, config: ZingGridConfig); + addEventListener(type: K, listener: (this: ZingGrid, ev: ZingGridElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: ZingGrid, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: ZingGrid, ev: ZingGridElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: ZingGrid, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + + // ZGDialog + /** + * @description Customizes the user's dialog + * @param type The type of dialog to customize. If you set as null, the config will be applied to all dialogs. + * Options are: + *
    + *
  • record-create + *
  • record-delete + *
  • record-info + *
  • record-update + *
  • view-error + *
  • view-info + *
  • view-success + *
  • view-warn + *
  • zg-version + *
+ * @param config Options for the data retrieval. Options are: + *
    + *
  • cancel: Text for the Cancel Button + *
  • confirm: Text for the Confirm Button + *
  • title: The Title to display on the Dialog + *
+ */ + customizeDialog: (type: string, config: any) => ZingGrid; + + // ZGColumn + /** + * @description Fetches the targeted column. + * @param fieldIndex Field index of column to fetch. + */ + column: (fieldIndex: any[]) => any; + + /** + * @description Filters the column specified by column index. Note: "filter" attribute must be present for + * this method to work. + * @param columnIndex Index of column. + * @param filter Filter string. + */ + filterColumn: (columnIndex: string, filter: string) => ZingGrid; + + /** + * @description Gets the value of the "col-class" attribute + */ + getColClass: () => string; + + /** + * @description Gets the value of the "header-auto-format" attribute + */ + getHeaderAutoFormat: () => boolean; + + /** + * @description Hides a column based on index + * @param columnIndex Index of column to hide + */ + hideColumn: (columnIndex: string) => ZingGrid; + + /** + * @description Sets the "col-class" attribute + * @param type Class name or function name + */ + setColClass: (type: string) => ZingGrid; + + /** + * @description Sets the "columns" property + * @param columns Array of column objects + */ + setColumns: (columns: any[]) => ZingGrid; + + /** + * @description Sets the "columns-control" attribute + * @param activate Value to add or remove + */ + setColumnsControl: (activate: boolean) => ZingGrid; + + /** + * @description Sets the "header-auto-format" attribute + * @param activate Value to add or remove + */ + setHeaderAutoFormat: (activate: boolean) => ZingGrid; + + /** + * @description Sets column to be visible + * @param columnIndex Index of column to show + */ + showColumn: (columnIndex: string) => ZingGrid; + + /** + * @description Sorts the given column with the given sort direction + * @param columnIndex Index of column to sort + * @param direction Sort Direction: asc, desc, or none + */ + sortColumn: (columnIndex: string, direction: string) => ZingGrid; + + /** + * @description Toggles the visibility of a column by index + * @param columnIndex Index of column to toggle + * @param hide Visibility of column + */ + toggleColumn: (columnIndex: string, hide: boolean) => ZingGrid; + + // ZGSelector + /** + * @description Returns an array of selected rows + */ + getSelectedRows: () => any[]; + + /** + * @description Gets the value of the "selector" attribute + */ + getSelector: () => boolean; + + /** + * @description Selects one or more cells + * @param rowIndex Row of cell to select + * @param colIndex Column of cell to select + * @param endRowIndex Optional end cell row for multi-cell selection + * @param endColIndex Optional end cell column for multi-cell selection + */ + select: (rowIndex: string, colIndex: string, endRowIndex?: string, endColIndex?: string) => ZingGrid; + + /** + * @description Sets the "selector" attribute + * @param activate Value to add or remove + */ + setSelector: (activate: boolean) => ZingGrid; + + // ZGPager + /** + * @description Navigates to first page in the grid + */ + firstPage: () => ZingGrid; + + /** + * @description Gets the current page. Does not apply to cursor paging. + */ + getPageIndex: () => number; + + /** + * @description Gets the current "page-size" + */ + getPageSize: () => number; + + /** + * @description Gets the value of the "page-size-card" attribute + */ + getPageSizeCard: () => string; + + /** + * @description Gets the value of the "page-size-row" attribute + */ + getPageSizeRow: () => string; + + /** + * @description Gets the value of the "pager" attribute + */ + getPager: () => boolean; + + /** + * @description Navigates to the last page in the grid + */ + lastPage: () => ZingGrid; + + /** + * @description Navigates to the next page in the grid + */ + nextPage: () => ZingGrid; + + /** + * @description Navigates to the previous page in the grid + */ + prevPage: () => ZingGrid; + + /** + * @description Changes the current page index to be the specified value + * @param pageIndex New page index + */ + setPageIndex: (pageIndex: number) => ZingGrid; + + /** + * @description Changes the current page size to be the specified value + * @param pageSize New page size + */ + setPageSize: (pageSize: number) => ZingGrid; + + /** + * @description Changes the current page size to be the specified value in card mode + * @param pageSize New card page size + */ + setPageSizeCard: (pageSize: number) => ZingGrid; + + /** + * @description Sets the page size options for the pager drop down + * @param options Comma separated list of numerical page sizes + */ + setPageSizeOptions: (options: string) => ZingGrid; + + /** + * @description Changes the current page size to be the specified value in row mode + * @param pageSize New row page size + */ + setPageSizeRow: (pageSize: number) => ZingGrid; + + /** + * @description Sets the "pager" attribute + * @param activate Value to add or remove + */ + setPager: (activate: boolean) => ZingGrid; + + // ZGCaption + /** + * @description Gets the value of the "caption" attribute + */ + getCaption: () => string; + + /** + * @description Set the caption text + * @param sCaption Text to set the caption to. If no string is passed, it will remove the caption. + */ + setCaption: (sCaption: string) => ZingGrid; + + // ZGData + /** + * @description Fetches the internal property referencing the dataset for the grid + * @param config Optional, options for the data retrieval. Options are: + *
    + *
  • csv: Boolean indicating if it should be sent as a csv string. Default is false.
    • + *
  • headers: Boolean indicating if headers should be included. Default is false. + * Only applies to csv or JSON array of arrays as JSON objects have a key already.
    • + *
  • cols: String indicating if we should return all columns or only visible. 'all' or 'visible' are options. + *
  • rows: String indicating if we should return all rows or only filtered/searched. 'all' or 'visible' are options. + *
+ */ + getData: (config?: any) => any; + + /** + * @description Gets the value of the "src" attribute + */ + getSrc: () => string; + + /** + * @description Gets the value of the "template-end-delimiter" attribute + */ + getTemplateEndDelimiter: () => string; + + /** + * @description Gets the value of the "template-start-delimiter" attribute + */ + getTemplateStartDelimiter: () => string; + + /** + * @description Inserts a new row into the grid + * @param data Data to insert into new row + * @param id If the id is already set on the new record, pass it in here + * @param noDataSource If you only want to do a local insert, set "noDataSource" to "true" + */ + insertRow: (data: any, id: string, noDataSource: boolean) => ZingGrid; + + /** + * @description Refreshes all cells. Note: if using static data, original cell value will be restored. + */ + refresh: () => undefined; + + /** + * @description Refreshes entire grid. Useful for language change. + */ + refreshGrid: () => undefined; + + /** + * @description Removes a record from the grid + * @param id ID of the record to remove + * @param noDataSource If you only want to remove from the grid and not the external datasource, set "noDataSource" to "true" + */ + removeRecord: (id: string, noDataSource: boolean) => ZingGrid; + + /** + * @description Removes a row from the grid + * @param rowIndex Row index (0 based) of the record to remove + * @param noDataSource If you only want to remove from the grid and not the external datasource, set "noDataSource" to "true" + */ + removeRow: (rowIndex: string, noDataSource: boolean) => ZingGrid; + + /** + * @description Sets or updates the dataset for the grid + * @param data JSON data + */ + setData: (data: any) => ZingGrid; + + /** + * @description Sets the "src" attribute + * @param src Value to indicate a path to a remote data source + */ + setSrc: (src: string) => ZingGrid; + + /** + * @description Sets the "template-end-delimiter" attribute + * @param delim Value to indicate regex expression for closing data binding + */ + setTemplateEndDelimiter: (delim: string) => ZingGrid; + + /** + * @description Sets the "template-start-delimiter" attribute + * @param delim Value to indicate regex expression for opening data binding + */ + setTemplateStartDelimiter: (delim: string) => ZingGrid; + + /** + * @description Updates a cell in the grid + * @param id ID of the record to update + * @param fieldIndex Field index of the cell to update + * @param val New Value + * @param noDataSource If you only want to update the grid and not the external datasource, set "noDataSource" to "true" + */ + updateCellByID: (id: number, fieldIndex: number, val: any, noDataSource: boolean) => ZingGrid; + + /** + * @description Updates a cell in the grid + * @param rowIndex Row index (0 based) of the cell to update + * @param columnIndex Column index (0 based) of the cell to update + * @param val New Value + * @param noDataSource If you only want to update the grid and not the external datasource, set "noDataSource" to "true" + */ + updateCellByPosition: (rowIndex: number, columnIndex: number, val: any, noDataSource: boolean) => ZingGrid; + + /** + * @description Updates a record in the grid + * @param id ID of the record to update + * @param data Data to update + * @param noDataSource If you only want to update the grid and not the external datasource, set "noDataSource" to "true" + */ + updateRecord: (id: string, data: any, noDataSource: boolean) => ZingGrid; + + /** + * @description Updates a row in the grid + * @param rowIndex Row index (0 based) of the record to update + * @param data Data to update + * @param noDataSource If you only want to update the grid and not the external datasource, set "noDataSource" to "true" + */ + updateRow: (rowIndex: string, data: any, noDataSource: boolean) => ZingGrid; + + // ZGSearch + /** + * @description Gets the value of the "search" attribute + */ + getSearch: () => boolean; + + /** + * @description Searches the grid with the search term indicated + * @param search Search term + */ + searchGrid: (search: string) => ZingGrid; + + /** + * @description Sets the "search" attribute + * @param activate Value to add or remove + */ + setSearch: (activate: boolean) => ZingGrid; + + // ZGCell + /** + * @description Fetches the targeted cell. + * @param rowContainerIndex The index of the row to fetch. + * @param columnContainerIndex The index of the column fetch. + */ + cell: (rowContainerIndex: number, columnContainerIndex: number) => any; + + /** + * @description Get the value of the "cell-break" attribute. + */ + getCellBreak: () => string; + + /** + * @description Gets the value of the "cell-class" attribute + */ + getCellClass: () => string; + + /** + * @description Fetches all cells + */ + getCells: () => any[]; + + /** + * @description Gets the value of the "column-drag" attribute + */ + getColumnDrag: () => boolean; + + /** + * @description Gets the value of the "default-display" attribute + */ + getDefaultDisplay: () => string | boolean; + + /** + * @description Sets the "cell-break" attribute + * @param type Type of cell-break + */ + setCellBreak: (type: 'all' | 'ellipsis' | 'word') => ZingGrid; + + /** + * @description Sets the "cell-class" attribute + * @param type Class name or function name + */ + setCellClass: (type: string) => ZingGrid; + + /** + * @description Sets the "default-display" attribute + * @param value Value to use as default cell display if data is undefined or null + */ + setDefaultDisplay: (value: string) => ZingGrid; + + // ZGRow + /** + * @description Gets the value of the "row-class" attribute + */ + getRowClass: () => string; + + /** + * @description Gets the value of the "zebra" attribute + */ + getZebra: () => string; + + /** + * @description Fetches the targeted row. + * @param rowContainerIndex The index of the row to fetch. + */ + row: (rowContainerIndex: number) => any; + + /** + * @description Sets the "row-class" attribute + * @param type Class name or function name + */ + setRowClass: (type: string) => ZingGrid; + + /** + * @description Sets the "zebra" attribute + * @param type Class name or function name + */ + setZebra: (type: string) => ZingGrid; + + // ZGMenu + /** + * @description Closes currently opened contextmenu. + */ + closeContextMenu: () => ZingGrid; + + /** + * @description Gets the value of the "columns-control" attribute + */ + getColumnsControl: () => boolean; + + /** + * @description Gets the value of the "context-menu" attribute + */ + getContextMenu: () => string | boolean; + + /** + * @description Gets the value of the "static-menu" attribute + */ + getStaticMenu: () => string; + + /** + * @description Sets the "context-menu" attribute. + * @param types Boolean value to indicate add or remove, or string value to indicate reference to id of context-menu. + */ + setContextMenu: (types: boolean | string) => ZingGrid; + + /** + * @description Sets the "static-menu" attribute + * @param activate Value to add or remove + */ + setStaticMenu: (activate: boolean) => ZingGrid; + + // ZingGrid + /** + * @description Executes callback function when grid completes load. If grid is already loaded, it will execute immediately. + * @param callback Callback function to execute + */ + executeOnLoad: (callback: any) => undefined; + + /** + * @description Formats a Date + * @param date The Date to format + * @param format The tokenized format to format the date + */ + formatDate: (date: string | Date, format: string) => string; + + /** + * @description Formats a Date in from now format + * @param date The Date to format + * @param raw Indicates if we should include 'ago/to' to indicate past/future + */ + fromNow: (date: Date, raw: boolean) => string; + + /** + * @description Gets the value of the "column-drag-action" attribute + */ + getColumnDragAction: () => string; + + /** + * @description Gets the value of the "compact" attribute + */ + getCompact: () => string | boolean; + + /** + * @description Gets the dir setting for the grid + */ + getDir: () => string; + + /** + * @description Gets the value of the "gridlines" attribute + */ + getGridlines: () => string; + + /** + * @description Gets the value of the "height" attribute + */ + getHeight: () => string; + + /** + * @description Gets the language used on the grid + */ + getLang: () => string; + + /** + * @description Gets the value of the "width" attribute + */ + getWidth: () => string; + + /** + * @description Sets the "column-drag" attribute + * @param activate Boolean value to indicate add or remove + */ + setColumnDrag: (activate: boolean) => ZingGrid; + + /** + * @description Sets the "column-drag-action" attribute + * @param type Type of drag to enable + */ + setColumnDragAction: (type: 'reorder' | 'remove' | 'both') => ZingGrid; + + /** + * @description Sets the "compact" attribute + * @param activate Value to add or remove + */ + setCompact: (activate: boolean) => ZingGrid; + + /** + * @description Sets the "dir" attribute + * @param type Type of dir + */ + setDir: (type: 'ltr' | 'rtl') => ZingGrid; + + /** + * @description Sets the "gridlines" attribute + * @param type Type of gridlines to set on the grid + */ + setGridlines: (type: 'both' | 'horz' | 'horizontal' | 'vert' | 'vertical') => ZingGrid; + + /** + * @description Sets the "height" attribute + * @param height Value setting the height of the grid + */ + setHeight: (height: number) => ZingGrid; + + /** + * @description Sets the "lang" attribute + * @param lang Language to set on the grid + */ + setLang: (lang: string) => ZingGrid; + + /** + * @description Sets the "record-count" attribute + * @param count Value setting the count + */ + setRecordCount: (count: number) => ZingGrid; + + /** + * @description Sets the "width" attribute + * @param width Value setting the width of the grid + */ + setWidth: (width: number) => ZingGrid; + + /** + * @description Forces a resize event to be triggered and to partially repaint the grid. Useful when the container updates size without the window updating. + */ + updateSize: () => ZingGrid; + + // ZGEditor + /** + * @description Gets the value of the "editor" attribute + */ + getEditor: () => string; + + /** + * @description Gets the value of the "editor-controls" attribute + */ + getEditorControls: () => string; + + /** + * @description Gets the value of the "row-selector" attribute + */ + getRowSelector: () => boolean; + + /** + * @description Sets the "editor" attribute + * @param activate Boolean value to indicate add or remove, or string value to indicate the editor type + */ + setEditor: (activate: boolean | string) => ZingGrid; + + /** + * @description Sets the "editor-controls" attribute + * @param types Boolean value to indicate add or remove, or string value to indicate what editor controls to add + */ + setEditorControls: (types: boolean | string) => ZingGrid; + + /** + * @description Sets the "row-selector" attribute + * @param activate Value to add or remove + */ + setRowSelector: (activate: boolean) => ZingGrid; + + // ZGFilter + /** + * @description Gets the value of the "filter" attribute + */ + getFilter: () => boolean; + + /** + * @description Sets the "filter" attribute + * @param activate Value to add or remove + */ + setFilter: (activate: boolean) => ZingGrid; + + // ZGFoot + /** + * @description Gets the value of the "foot-class" attribute + */ + getFootClass: () => string; + + /** + * @description Sets the "foot-class" attribute + * @param type class name or function name + */ + setFootClass: (type: string) => ZingGrid; + + // ZGHead + /** + * @description Gets the value of the "head-class" attribute + */ + getHeadClass: () => string; + + /** + * @description Sets the "head-class" attribute + * @param type Class name or function name + */ + setHeadClass: (type: string) => ZingGrid; + + // ZGIcon + /** + * @description Gets the value of the "icon-set" attribute + */ + getIconSet: () => string; + + /** + * @description Sets the "icon-set" attribute + * @param type Icon set to use in the grid + */ + setIconSet: (type: string) => ZingGrid; + + // ZGLayout + /** + * @description Gets the value of the "layout" attribute + */ + getLayout: () => string; + + /** + * @description Gets the value of the "layout-controls" attribute + */ + getLayoutControls: () => string; + + /** + * @description Sets the "layout" attribute + * @param type Value to indicate the grid layout + */ + setLayout: (type: 'row' | 'card') => ZingGrid; + + /** + * @description Sets the "layout-controls" attribute + * @param activate Value to add or remove + */ + setLayoutControls: (activate: boolean) => ZingGrid; + + // ZGNoData + /** + * @description Gets the value of the "no-data" attribute + */ + getNodata: () => string; + + /** + * @description Sets the "no-data" attribute + * @param value Message to display when there is no data + */ + setNoData: (value: string) => ZingGrid; + + // ZGSorter + /** + * @description Gets the value of the "sort" attribute + */ + getSort: () => string; + + /** + * @description Gets the value of the "sorter" attribute + */ + getSorter: () => string; + + /** + * @description Sets the "sort" attribute + * @param types Boolean value to indicate add or remove + */ + setSort: (types: boolean) => ZingGrid; + + /** + * @description Sets the "sorter" attribute + * @param types String value to indicate reference to custom sorter function + */ + setSorter: (types: boolean | string) => ZingGrid; + + // ZGSource + /** + * @description Gets the value of the "source" attribute + */ + getSource: () => string; + + /** + * @description Sets the "source" attribute. Not to be confused with "src" attribute, the "source" attribute is for citation. + * @param value Source of the data in the grid + */ + setSource: (value: string) => ZingGrid; + + // ZGTheme + /** + * @description Gets the value of the "theme" attribute + */ + getTheme: () => string; + + /** + * @description Sets the "theme" attribute + * @param theme Value to indicate which theme to set + */ + setTheme: (theme: string) => ZingGrid; + + // ZGViewport + /** + * @description Gets the value of the "viewport" attribute + */ + getViewport: () => string; + + /** + * @description Gets the value of the "viewport-pause" attribute + */ + getViewportPause: () => boolean; + + /** + * @description Gets the value of the "viewport-stop" attribute + */ + getViewportStop: () => boolean; + + /** + * @description Gets the value of the "viewport-types" attribute + */ + getViewportTypes: () => string; + + /** + * @description Sets the "viewport-pause" attribute + * @param activate Value to add or remove + */ + setViewportPause: (activate: boolean) => ZingGrid; + + /** + * @description Sets the "viewport-stop" attribute + * @param activate Value to add or remove + */ + setViewportStop: (activate: boolean) => ZingGrid; + + // ZGCard + /** + * @description Sets the id to reference an external "template" to be used as "" + * @param id Value of id to use the card template. + */ + setCardTemplate: (id: string) => ZingGrid; + } + + interface ZingGrid extends NonoptionalAttributes, Omit, CatchAll, HTMLElement {} +} + +interface HTMLElementTagNameMap { + 'zg-body': ZSoft.ZGBody; + 'zg-button': ZSoft.ZGButton; + 'zg-caption': ZSoft.ZGCaption; + 'zg-card': ZSoft.ZGCard; + 'zg-cell': ZSoft.ZGCell; + 'zg-checkbox': ZSoft.ZGCheckbox; + 'zg-colgroup': ZSoft.ZGColgroup; + 'zg-column': ZSoft.ZGColumn; + 'zg-control-bar': ZSoft.ZGControlBar; + 'zg-data': ZSoft.ZGData; + 'zg-dialog': ZSoft.ZGDialog; + 'zg-editor-row': ZSoft.ZGEditorRow; + 'zg-focus': ZSoft.ZGFocus; + 'zg-foot': ZSoft.ZGFoot; + 'zg-footer': ZSoft.ZGFooter; + 'zg-frozen-colgroup': ZSoft.ZGFrozenColgroup; + 'zg-head': ZSoft.ZGHead; + 'zg-head-cell': ZSoft.ZGHeadCell; + 'zg-header': ZSoft.ZGHeader; + 'zg-icon': ZSoft.ZGIcon; + 'zg-input': ZSoft.ZGInput; + 'zg-layout-controls': ZSoft.ZGLayoutControls; + 'zg-load-mask': ZSoft.ZGLoadMask; + 'zg-menu': ZSoft.ZGMenu; + 'zg-menu-group': ZSoft.ZGMenuGroup; + 'zg-menu-item': ZSoft.ZGMenuItem; + 'zg-no-data': ZSoft.ZGNoData; + 'zg-pager': ZSoft.ZGPager; + 'zg-param': ZSoft.ZGParam; + 'zg-row': ZSoft.ZGRow; + 'zg-search': ZSoft.ZGSearch; + 'zg-selector-mask': ZSoft.ZGSelectorMask; + 'zg-separator': ZSoft.ZGSeparator; + 'zg-source': ZSoft.ZGSource; + 'zg-status': ZSoft.ZGStatus; + 'zg-text': ZSoft.ZGText; + 'zg-tooltip': ZSoft.ZGTooltip; + 'zing-grid': ZSoft.ZingGrid; +} + +declare namespace JSX { + interface IntrinsicElements { + 'zg-body': ZSoft.CatchAll; + ZGBody: ZSoft.CatchAll; + 'zg-button': KebabKeys | ZSoft.CatchAll; + ZGButton: ZSoft.ZingGridAttributes.ZGButton | ZSoft.CatchAll; + 'zg-caption': KebabKeys | ZSoft.CatchAll; + ZGCaption: ZSoft.ZingGridAttributes.ZGCaption | ZSoft.CatchAll; + 'zg-card': KebabKeys | ZSoft.CatchAll; + ZGCard: ZSoft.ZingGridAttributes.ZGCard | ZSoft.CatchAll; + 'zg-cell': ZSoft.CatchAll; + ZGCell: ZSoft.CatchAll; + 'zg-checkbox': KebabKeys | ZSoft.CatchAll; + ZGCheckbox: ZSoft.ZingGridAttributes.ZGCheckbox | ZSoft.CatchAll; + 'zg-colgroup': ZSoft.CatchAll; + ZGColgroup: ZSoft.CatchAll; + 'zg-column': KebabKeys | ZSoft.CatchAll; + ZGColumn: ZSoft.ZingGridAttributes.ZGColumn | ZSoft.CatchAll; + 'zg-control-bar': ZSoft.CatchAll; + ZGControlBar: ZSoft.CatchAll; + 'zg-data': KebabKeys | ZSoft.CatchAll; + ZGData: ZSoft.ZingGridAttributes.ZGData | ZSoft.CatchAll; + 'zg-dialog': KebabKeys | ZSoft.CatchAll; + ZGDialog: ZSoft.ZingGridAttributes.ZGDialog | ZSoft.CatchAll; + 'zg-editor-row': ZSoft.CatchAll; + ZGEditorRow: ZSoft.CatchAll; + 'zg-focus': ZSoft.CatchAll; + ZGFocus: ZSoft.CatchAll; + 'zg-foot': ZSoft.CatchAll; + ZGFoot: ZSoft.CatchAll; + 'zg-footer': ZSoft.CatchAll; + ZGFooter: ZSoft.CatchAll; + 'zg-frozen-colgroup': ZSoft.CatchAll; + ZGFrozenColgroup: ZSoft.CatchAll; + 'zg-head': ZSoft.CatchAll; + ZGHead: ZSoft.CatchAll; + 'zg-head-cell': ZSoft.CatchAll; + ZGHeadCell: ZSoft.CatchAll; + 'zg-header': ZSoft.CatchAll; + ZGHeader: ZSoft.CatchAll; + 'zg-icon': KebabKeys | ZSoft.CatchAll; + ZGIcon: ZSoft.ZingGridAttributes.ZGIcon | ZSoft.CatchAll; + 'zg-input': KebabKeys | ZSoft.CatchAll; + ZGInput: ZSoft.ZingGridAttributes.ZGInput | ZSoft.CatchAll; + 'zg-layout-controls': ZSoft.CatchAll; + ZGLayoutControls: ZSoft.CatchAll; + 'zg-load-mask': ZSoft.CatchAll; + ZGLoadMask: ZSoft.CatchAll; + 'zg-menu': KebabKeys | ZSoft.CatchAll; + ZGMenu: ZSoft.ZingGridAttributes.ZGMenu | ZSoft.CatchAll; + 'zg-menu-group': ZSoft.CatchAll; + ZGMenuGroup: ZSoft.CatchAll; + 'zg-menu-item': ZSoft.CatchAll; + ZGMenuItem: ZSoft.CatchAll; + 'zg-no-data': ZSoft.CatchAll; + ZGNoData: ZSoft.CatchAll; + 'zg-pager': KebabKeys | ZSoft.CatchAll; + ZGPager: ZSoft.ZingGridAttributes.ZGPager | ZSoft.CatchAll; + 'zg-param': KebabKeys | ZSoft.CatchAll; + ZGParam: ZSoft.ZingGridAttributes.ZGParam | ZSoft.CatchAll; + 'zg-row': ZSoft.CatchAll; + ZGRow: ZSoft.CatchAll; + 'zg-search': ZSoft.CatchAll; + ZGSearch: ZSoft.CatchAll; + 'zg-selector-mask': ZSoft.CatchAll; + ZGSelectorMask: ZSoft.CatchAll; + 'zg-separator': ZSoft.CatchAll; + ZGSeparator: ZSoft.CatchAll; + 'zg-source': KebabKeys | ZSoft.CatchAll; + ZGSource: ZSoft.ZingGridAttributes.ZGSource | ZSoft.CatchAll; + 'zg-status': ZSoft.CatchAll; + ZGStatus: ZSoft.CatchAll; + 'zg-text': KebabKeys | ZSoft.CatchAll; + ZGText: ZSoft.ZingGridAttributes.ZGText | ZSoft.CatchAll; + 'zg-tooltip': ZSoft.CatchAll; + ZGTooltip: ZSoft.CatchAll; + 'zing-grid': KebabKeys | ZSoft.ZingGridEventHandlers |ZSoft.CatchAll; + ZingGrid: ZSoft.ZingGridAttributes.ZingGrid | ZSoft.ZingGridEventHandlers |ZSoft.CatchAll; + } +} + +declare namespace ZingGrid { + /** + * @description Customizes the user's dialog for all instances of ZingGrid + * @param type The type of dialog to customize. If you set as null, the config will be applied to all dialogs. + * Options are: + *
    + *
  • record-create + *
  • record-delete + *
  • record-info + *
  • record-update + *
  • view-error + *
  • view-info + *
  • view-success + *
  • view-warn + *
  • zg-version + *
+ * @param config Options for the data retrieval. Options are: + *
    + *
  • cancel: Text for the Cancel Button + *
  • confirm: Text for the Confirm Button + *
  • label: Label to display on the Dialog + *
+ */ + function customizeDialog(type: string, config: any): ZingGrid; + + /** + * @description Formats a Date + * @param date The Date to format + * @param format The tokenized format to format the date + * @param locale The locale to use for the formatting. Optional. + */ + function formatDate(date: string | Date, format: string, locale?: string): string; + + /** + * @description Formats a Date in from now format + * @param date The Date to format + * @param raw Indicates if we should include 'ago/to' to indicate past/future + */ + function fromNow(date: Date, raw: boolean): string; + + /** + * @description Register a method to make connecting a remote data src to your grid even easier. If you + * have your own standardized endpoints this is very useful. A way for us to provide an ES6 style import + * mechanism and pattern for building custom data sources. + * @param sType The string name for the adapter + * @param oOptions Option list of of adapter variables you want to define. You can define ANY + * zg-param name value pair here in this option. Refer to the Store.js variable this.oDefaultDataFormat + */ + function registerAdapter(sType: string, oOptions: any): void; + + /** + * @description Register a custom column type to reduce redundant markup and re-use + * similar code. + * @param sType Name of cell type. + * @param oOptions An object to define the renderer and/or editor for the cell type. + */ + function registerCellType(sType: string, oOptions: any): void; + + /** + * @description Register the life cycle hooks for cell editing. This allows you to import + * and inherit editors for your library. + * @param sCellType Cell type editor to override + * @param oConfig Object containing editor hooks + */ + function registerEditor(sCellType: string, oConfig: any): void; + + /** + * @description Register a method to make it available to ZingGrid even if it outside the window scope. + * This can be used to make a method accessible to renderer, editor, sorter, and custom styles + * This is useful for methods within a class or local methods. + * @param method The method that you wish to expose to ZingGrid. + * @param name The name to refer to the method. If the method is not anonymous, the name will default to the + * name of the method. If it is anonymous, a name must be set. Whatever is set here is how you should refer to the method + * in the grid. Optional. + * @param scope The scope of the method. When the method is called "this" will be set to the "scope" value. Optional. + */ + function registerMethod(method: any, name?: string, scope?: any): void; + + /** + * @description Register a namespace to make it available to ZingGrid even if it outside the window scope. + * Once a namespace is registered, the methods within the namespace will be accessible to ZingGrid without having to call "ZingGrid.registerMethod" + * @param namespace The namespace that you wish to expose to ZingGrid. + * @param name The name to refer to the namespace. Optional. + * @param scope The scope of the namespace. When a method within the namespace is called, "this" will be set to the "scope" value. + * Defaults to the namespace itself. Optional. + */ + function registerNamespace(namespace: any, name?: string, scope?: any): void; + + /** + * @description Register the life cycle hooks for cell validation. This allows you to import + * and inherit validators for your library. + * @param oValidator The validator that you wish to expose to ZingGrid. + * @param name The name to refer to the validator. Optional. + * @param scope The scope of the method. When the method is called "this" will be set to the "scope" value. Optional. + */ + function registerValidator(oValidator: any, name?: string, scope?: any): void; +} + +declare class ZingGrid extends ZSoft.ZingGrid {} + +declare module 'zingsoft' { + export = ZingGrid; +} + +declare module 'zinggrid-react-wrapper' { + export = ZingGrid; +} diff --git a/types/zinggrid/tsconfig.json b/types/zinggrid/tsconfig.json new file mode 100644 index 00000000000000..13fb52891e9ff5 --- /dev/null +++ b/types/zinggrid/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "module": "commonjs", + "lib": [ + "es6", "dom" + ], + "noImplicitAny": true, + "noImplicitThis": true, + "strictFunctionTypes": true, + "strictNullChecks": true, + "baseUrl": "../", + "typeRoots": [ + "../" + ], + "types": [], + "noEmit": true, + "forceConsistentCasingInFileNames": true + }, + "files": [ + "index.d.ts", + "zinggrid-tests.ts" + ] +} \ No newline at end of file diff --git a/types/zinggrid/tslint.json b/types/zinggrid/tslint.json new file mode 100644 index 00000000000000..d88586e5bd00db --- /dev/null +++ b/types/zinggrid/tslint.json @@ -0,0 +1,3 @@ +{ + "extends": "dtslint/dt.json" +} diff --git a/types/zinggrid/zinggrid-tests.ts b/types/zinggrid/zinggrid-tests.ts new file mode 100644 index 00000000000000..04125665b337d6 --- /dev/null +++ b/types/zinggrid/zinggrid-tests.ts @@ -0,0 +1,21 @@ +// Object instantiation +let config: ZSoft.ZingGridConfig = { + caption: 'My test grid', + data: [ + { first: "Maria", last: "John", number: 123 }, + { first: "David", last: "Smith", number: 456 }, + { first: "Felicity", last: "Snow", number: 789 } + ], + filter: true, + pager: true, +}; + +let ref = document.createElement('div'); +let zgRef = new ZingGrid(config, ref); + +// Component instantiation +let zgRef2 = document.querySelector('zing-grid')!; +zgRef2.caption = 'Hello world'; +zgRef2.addEventListener('grid:beforerender', () => { + zgRef.setLayout('row'); +}); From 30283bd4f92f427237e68523df4fc56ed4fd61ab Mon Sep 17 00:00:00 2001 From: jphung Date: Fri, 3 Sep 2021 09:01:12 -0700 Subject: [PATCH 32/86] update(zingchart): Add missing types for plot and graphset --- types/zingchart/es6/index.d.ts | 1374 ++++++++++++++++++++++++++++ types/zingchart/zingchart-tests.ts | 12 +- 2 files changed, 1383 insertions(+), 3 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 0550823197a5ec..d73c28507e9804 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1057,6 +1057,1372 @@ declare namespace zingchart { 'wrap-text'?: boolean | undefined; } | undefined; } | undefined; + 'crosshair-x'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean | undefined; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string | undefined; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string | undefined; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean | undefined; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean | undefined; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string | undefined; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number | undefined; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number | undefined; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + } | undefined; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets 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-1'?: string | undefined; + /** + * 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-color-2'?: string | undefined; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string | undefined; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string | undefined; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string | undefined; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string | undefined; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean | undefined; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number | undefined; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string | undefined; + /** + * 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-color'?: string | undefined; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string | undefined; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string | undefined; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean | undefined; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string | undefined; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number | undefined; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string | undefined; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string | undefined; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string | undefined; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string | undefined; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string | undefined; + /** + * 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-colors'?: string | undefined; + /** + * 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" | ... + */ + 'gradient-stops'?: string | undefined; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean | undefined; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number | undefined; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean | undefined; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean | undefined; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean | undefined; + /** + * Sets 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-alpha'?: number | undefined; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number | undefined; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string | undefined; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string | undefined; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string | undefined; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number | undefined; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string | undefined; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean | undefined; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean | undefined; + } | undefined; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets 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-1'?: string | undefined; + /** + * 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-color-2'?: string | undefined; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string | undefined; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string | undefined; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string | undefined; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string | undefined; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean | undefined; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number | undefined; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string | undefined; + /** + * 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-color'?: string | undefined; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string | undefined; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string | undefined; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean | undefined; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string | undefined; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number | undefined; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string | undefined; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string | undefined; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string | undefined; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string | undefined; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string | undefined; + /** + * 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-colors'?: string | undefined; + /** + * 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" | ... + */ + 'gradient-stops'?: string | undefined; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean | undefined; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number | undefined; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean | undefined; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean | undefined; + /** + * Sets 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-alpha'?: number | undefined; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number | undefined; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string | undefined; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string | undefined; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string | undefined; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number | undefined; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string | undefined; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean | undefined; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean | undefined; + } | undefined; + } | undefined; + 'crosshair-y'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean | undefined; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string | undefined; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string | undefined; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean | undefined; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean | undefined; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string | undefined; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number | undefined; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number | undefined; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + } | undefined; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets 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-1'?: string | undefined; + /** + * 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-color-2'?: string | undefined; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string | undefined; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string | undefined; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string | undefined; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string | undefined; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean | undefined; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number | undefined; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string | undefined; + /** + * 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-color'?: string | undefined; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string | undefined; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string | undefined; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean | undefined; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string | undefined; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number | undefined; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string | undefined; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string | undefined; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string | undefined; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string | undefined; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string | undefined; + /** + * 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-colors'?: string | undefined; + /** + * 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" | ... + */ + 'gradient-stops'?: string | undefined; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean | undefined; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number | undefined; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean | undefined; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean | undefined; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean | undefined; + /** + * Sets 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-alpha'?: number | undefined; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number | undefined; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string | undefined; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string | undefined; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string | undefined; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number | undefined; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string | undefined; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean | undefined; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean | undefined; + } | undefined; + 'scale-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number | undefined; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string | undefined; + /** + * Sets 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-1'?: string | undefined; + /** + * 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-color-2'?: string | undefined; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string | undefined; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string | undefined; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string | undefined; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string | undefined; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean | undefined; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number | undefined; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string | undefined; + /** + * 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-color'?: string | undefined; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string | undefined; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + /** + * 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-radius-top-right'?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string | undefined; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string | undefined; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean | undefined; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string | undefined; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number | undefined; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string | undefined; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number | undefined; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string | undefined; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string | undefined; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string | undefined; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string | undefined; + /** + * 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-colors'?: string | undefined; + /** + * 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" | ... + */ + 'gradient-stops'?: string | undefined; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean | undefined; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number | undefined; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + 'rtl (right-to-left)'?: boolean | undefined; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean | undefined; + /** + * Sets 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-alpha'?: number | undefined; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number | undefined; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string | undefined; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string | undefined; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string | undefined; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number | undefined; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string | undefined; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean | undefined; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string | undefined; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean | undefined; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean | undefined; + } | undefined; + } | undefined; csv?: { /** * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based @@ -7191,6 +8557,10 @@ declare namespace zingchart { * 5 0.9" | ... */ 'gradient-stops'?: string | undefined; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string | undefined; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -14364,6 +15734,10 @@ declare namespace zingchart { */ visible?: boolean | undefined; } | undefined; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean | undefined; } | undefined; } diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index cf236bd8000dec..dd415785607b14 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -7,7 +7,7 @@ ZC.VERSION = '2.9.4'; zingchart.render({ id: 'myChart', - data: { + data: [{ type: 'line', series: [ { @@ -27,12 +27,18 @@ zingchart.render({ sequence: 2, speed: 275, }, + 'selected-state': { + 'line-color': 'red', + }, tooltip: { text: 'Hello world', }, 'value-box': { text: 'Hello World', - } + }, }, - }, + zoom: { + shared: true, + } + }], }); From f6ca9990f261fe96c5253523bd9a42fa5ed6cbfa Mon Sep 17 00:00:00 2001 From: jphung Date: Fri, 3 Sep 2021 09:08:05 -0700 Subject: [PATCH 33/86] Remove redundant 'undefined' value and fix trailing whitespace --- types/zingchart/es6/index.d.ts | 6186 ++++++++++++++++---------------- 1 file changed, 3093 insertions(+), 3093 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index d73c28507e9804..10ecd7539f5e23 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -16,90 +16,90 @@ declare namespace zingchart { let EXPORTURL: string; let AJAXEXPORT: boolean; let DEV: { - CANVASVERSION?: number | undefined; - CACHECANVASTEXT?: boolean | undefined; - CACHESELECTION?: boolean | undefined; - CHECKDECIMALS?: boolean | undefined; - COPYDATA?: boolean | undefined; - KEEPSOURCE?: boolean | undefined; - MEDIARULES?: boolean | undefined; - PLOTSTATS?: boolean | undefined; - SKIPTRACKERS?: boolean | undefined; - SKIPPROGRESS?: boolean | undefined; - SORTTOKENS?: boolean | undefined; - RESOURCES?: boolean | undefined; + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; }; interface data { - globals?: globals | undefined; - graphset?: [graphset] | undefined; - gui?: gui | undefined; - history?: history | undefined; - refresh?: refresh | undefined; + globals?: globals; + graphset?: [graphset]; + gui?: gui; + history?: history; + refresh?: refresh; } interface globals { /** * 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 be * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 12 | "20px" | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font weight of the object. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; } interface graphset { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -107,69 +107,69 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * The type of the chart "line" | "bar"... */ - type?: string | undefined; + type?: string; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; '3d-aspect'?: { /** * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 * | 10 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - depth?: number | undefined; + depth?: number; /** * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 */ - true3d?: boolean | undefined; + true3d?: boolean; /** * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'x-angle'?: number | undefined; + 'x-angle'?: number; /** * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'y-angle'?: number | undefined; + 'y-angle'?: number; /** * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'z-angle'?: number | undefined; + 'z-angle'?: number; /** * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima * l for values less than 1.0. 1 | 1.5 | 0.8 | ... */ - zoom?: number | undefined; - } | undefined; + zoom?: number; + }; arrows?: [ { /** * Sets the text's font angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the arrow's label font size. 4 | "6px" | ... */ @@ -177,16 +177,16 @@ declare namespace zingchart { /** * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... */ - text?: string | undefined; + text?: string; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the * head height. [...] @@ -198,38 +198,38 @@ declare namespace zingchart { * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -237,11 +237,11 @@ declare namespace zingchart { /** * Sets the direction of the arrow "top" | "bottom" | "left" | "right" */ - direction?: string | undefined; + direction?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -253,25 +253,25 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the length of the arrow. 50 | 100 | ... */ - length?: number | undefined; + length?: number; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -283,16 +283,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -301,7 +301,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -313,7 +313,7 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; from?: { /** * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index @@ -321,28 +321,28 @@ declare namespace zingchart { * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... */ - hook?: string | undefined; + hook?: string; /** * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. * 10 | 56 | ... */ - 'offset-x'?: number | undefined; + 'offset-x'?: number; /** * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 * 0 | 56 | ... */ - 'offset-y'?: number | undefined; + 'offset-y'?: number; /** * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart * . 100 | 450 | ... */ - x?: number | undefined; + x?: number; /** * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart * . 100 | 450 | ... */ - y?: number | undefined; - } | undefined; + y?: number; + }; to?: { /** * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer @@ -350,45 +350,45 @@ declare namespace zingchart { * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... */ - hook?: string | undefined; + hook?: string; /** * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | * ... */ - 'offset-x'?: number | undefined; + 'offset-x'?: number; /** * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . * .. */ - 'offset-y'?: number | undefined; + 'offset-y'?: number; /** * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 * | 450 | ... */ - x?: number | undefined; + x?: number; /** * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 * | 450 | ... */ - y?: number | undefined; - } | undefined; + y?: number; + }; } - ] | undefined; + ]; crosshair?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - exact?: boolean | undefined; + exact?: boolean; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -402,7 +402,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ @@ -410,124 +410,124 @@ declare namespace zingchart { /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean | undefined; + 'reverse-series'?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - shared?: boolean | undefined; + shared?: boolean; /** * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - trigger?: string | undefined; + trigger?: string; /** * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo * r every plot). "single" | "multiple" */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; marker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the size of the object/shape. 4 | "6px" | ... */ - size?: number | undefined; + size?: number; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'plot-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -558,12 +558,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -571,7 +571,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -579,16 +579,16 @@ declare namespace zingchart { /** * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -600,20 +600,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -621,21 +621,21 @@ declare namespace zingchart { /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -644,12 +644,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -660,7 +660,7 @@ declare namespace zingchart { * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty * ling attributes. true | false | 1 | 0 */ - multiple?: boolean | undefined; + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -694,20 +694,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -716,7 +716,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -724,21 +724,21 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -749,16 +749,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -766,70 +766,70 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. * true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -860,12 +860,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -873,7 +873,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -882,11 +882,11 @@ declare namespace zingchart { * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -898,20 +898,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -920,21 +920,21 @@ declare namespace zingchart { * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -943,12 +943,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -982,20 +982,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -1004,7 +1004,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -1012,21 +1012,21 @@ declare namespace zingchart { /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1037,16 +1037,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1054,24 +1054,24 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; 'crosshair-x'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - exact?: boolean | undefined; + exact?: boolean; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -1085,7 +1085,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ @@ -1093,124 +1093,124 @@ declare namespace zingchart { /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean | undefined; + 'reverse-series'?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - shared?: boolean | undefined; + shared?: boolean; /** * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - trigger?: string | undefined; + trigger?: string; /** * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo * r every plot). "single" | "multiple" */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; marker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the size of the object/shape. 4 | "6px" | ... */ - size?: number | undefined; + size?: number; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'plot-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1241,12 +1241,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -1254,7 +1254,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -1262,16 +1262,16 @@ declare namespace zingchart { /** * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -1283,20 +1283,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -1304,21 +1304,21 @@ declare namespace zingchart { /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1327,12 +1327,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -1343,7 +1343,7 @@ declare namespace zingchart { * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty * ling attributes. true | false | 1 | 0 */ - multiple?: boolean | undefined; + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -1377,20 +1377,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -1399,7 +1399,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -1407,21 +1407,21 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1432,16 +1432,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1449,70 +1449,70 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. * true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1543,12 +1543,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -1556,7 +1556,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -1565,11 +1565,11 @@ declare namespace zingchart { * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -1581,20 +1581,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -1603,21 +1603,21 @@ declare namespace zingchart { * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1626,12 +1626,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -1665,20 +1665,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -1687,7 +1687,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -1695,21 +1695,21 @@ declare namespace zingchart { /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1720,16 +1720,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1737,24 +1737,24 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; 'crosshair-y'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - exact?: boolean | undefined; + exact?: boolean; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -1768,7 +1768,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ @@ -1776,124 +1776,124 @@ declare namespace zingchart { /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'reverse-series'?: boolean | undefined; + 'reverse-series'?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - shared?: boolean | undefined; + shared?: boolean; /** * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - trigger?: string | undefined; + trigger?: string; /** * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo * r every plot). "single" | "multiple" */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; marker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the size of the object/shape. 4 | "6px" | ... */ - size?: number | undefined; + size?: number; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'plot-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1924,12 +1924,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -1937,7 +1937,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -1945,16 +1945,16 @@ declare namespace zingchart { /** * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -1966,20 +1966,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -1987,21 +1987,21 @@ declare namespace zingchart { /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2010,12 +2010,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -2026,7 +2026,7 @@ declare namespace zingchart { * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty * ling attributes. true | false | 1 | 0 */ - multiple?: boolean | undefined; + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -2060,20 +2060,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -2082,7 +2082,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -2090,21 +2090,21 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -2115,16 +2115,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2132,70 +2132,70 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. * true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -2226,12 +2226,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -2239,7 +2239,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -2248,11 +2248,11 @@ declare namespace zingchart { * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -2264,20 +2264,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ @@ -2286,21 +2286,21 @@ declare namespace zingchart { * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2309,12 +2309,12 @@ declare namespace zingchart { * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t * rue | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -2348,20 +2348,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -2370,7 +2370,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -2378,21 +2378,21 @@ declare namespace zingchart { /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -2403,16 +2403,16 @@ declare namespace zingchart { * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2420,9 +2420,9 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; csv?: { /** * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based @@ -2435,73 +2435,73 @@ declare namespace zingchart { * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... */ - 'data-string'?: string | undefined; + 'data-string'?: string; /** * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t * rue | false | 1 | 0 */ - 'horizontal-labels'?: boolean | undefined; + 'horizontal-labels'?: boolean; /** * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f * or the data-string. true | false | 1 | 0 */ - mirrored?: boolean | undefined; + mirrored?: boolean; /** * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " * _" | "&" | "\r\n" | ... */ - 'row-separator'?: string | undefined; + 'row-separator'?: string; /** * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 */ - 'separate-scales'?: boolean | undefined; + 'separate-scales'?: boolean; /** * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... */ - separator?: string | undefined; + separator?: string; /** * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 */ - 'smart-scales'?: boolean | undefined; + 'smart-scales'?: boolean; /** * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 */ - title?: boolean | undefined; + title?: boolean; /** * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... */ - url?: string | undefined; + url?: string; /** * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 */ - 'vertical-labels'?: boolean | undefined; - } | undefined; + 'vertical-labels'?: boolean; + }; heatmap?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * TODO: description of async attribute true | false | 1 | 0 */ - async?: boolean | undefined; + async?: boolean; /** * Sets the blur radius of the heatmap regions. 10 | 20 | ... */ - blur?: number | undefined; + blur?: number; /** * Sets the type of blur shape. "circle" | "square" | ... */ - 'brush-typebrushType'?: string | undefined; + 'brush-typebrushType'?: string; /** * Sets the blur shapes to composite or not. true | false | 1 | 0 */ - composite?: boolean | undefined; + composite?: boolean; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -2509,79 +2509,79 @@ declare namespace zingchart { /** * Sets whether or not the data is sorted. true | false | 1 | 0 */ - 'sort-datasortData'?: boolean | undefined; + 'sort-datasortData'?: boolean; graph?: { /** * Sets the key-scale value "scale-k" | "scale-v" | ... */ - 'key-scalekeyScale'?: string | undefined; + 'key-scalekeyScale'?: string; /** * Sets the value-scale value "scale-x" | "scale-y" | ... */ - 'val-scalevalScale'?: string | undefined; - } | undefined; + 'val-scalevalScale'?: string; + }; tooltip?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). For graph plot to * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -2612,12 +2612,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ @@ -2625,7 +2625,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -2649,7 +2649,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... @@ -2658,24 +2658,24 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ @@ -2687,20 +2687,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ @@ -2708,21 +2708,21 @@ declare namespace zingchart { /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2730,11 +2730,11 @@ declare namespace zingchart { /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -2759,7 +2759,7 @@ declare namespace zingchart { * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -2797,29 +2797,29 @@ declare namespace zingchart { * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - placement?: string | undefined; + placement?: string; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. * For graph plot tooltip. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -2828,7 +2828,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -2836,20 +2836,20 @@ declare namespace zingchart { /** * Sets the text of the tooltip. */ - 'text'?: string | undefined; + 'text'?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2857,66 +2857,66 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; - } | undefined; + 'z-index'?: number; + }; + }; images?: [ { /** * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG * , GIF, JPEG, and TIFF. */ - src?: string | undefined; + src?: 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -2947,12 +2947,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -2960,7 +2960,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -2982,7 +2982,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -2990,7 +2990,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -3002,17 +3002,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3030,7 +3030,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -3043,20 +3043,20 @@ declare namespace zingchart { * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes * . */ - position?: string | undefined; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -3065,7 +3065,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -3073,7 +3073,7 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3089,74 +3089,74 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; + 'z-index'?: number; } - ] | undefined; + ]; labels?: [ { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Allows you to set the label's anchor position to the center of a chart. "c" */ - anchor?: string | undefined; + anchor?: string; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -3187,12 +3187,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -3200,7 +3200,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -3222,7 +3222,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -3230,20 +3230,20 @@ declare namespace zingchart { /** * Truncates text based on the setting of width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the style of the cursor when hovering over the label. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -3255,21 +3255,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -3277,21 +3277,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3301,15 +3301,15 @@ declare namespace zingchart { * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 * 000" (timestamp) |... */ - hook?: string | undefined; + hook?: string; /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Prevents hooked labels from showing outside of the plotarea none | xy */ - limit?: string | undefined; + limit?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -3323,12 +3323,12 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -3362,20 +3362,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -3384,7 +3384,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -3392,43 +3392,43 @@ declare namespace zingchart { /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - target?: string | undefined; + target?: string; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - url?: string | undefined; + url?: string; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3436,7 +3436,7 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3450,101 +3450,101 @@ declare namespace zingchart { * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the size of the object. 4 | "6px" | ... */ - size?: number | undefined; + size?: number; /** * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" */ - type?: string | undefined; - } | undefined; + type?: string; + }; } - ] | undefined; + ]; legend?: { /** * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean | undefined; + 'adjust-layout'?: boolean; /** * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" */ - align?: string | undefined; + align?: string; /** * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 * .3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, * will default to black. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... @@ -3573,12 +3573,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -3586,7 +3586,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... */ @@ -3607,7 +3607,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... */ @@ -3615,20 +3615,20 @@ declare namespace zingchart { /** * Sets legend to be collapsed by default true | false | 1 | 0 */ - collapse?: boolean | undefined; + collapse?: boolean; /** * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" */ - 'drag-handler'?: string | undefined; + 'drag-handler'?: string; /** * Sets whether the legend can be dragged or not. true | false | 1 | 0 */ - draggable?: boolean | undefined; + draggable?: boolean; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -3640,17 +3640,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. * . */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi * ent-colors. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3659,11 +3659,11 @@ declare namespace zingchart { * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over * . true | false | 1 | 0 */ - 'highlight-plot'?: boolean | undefined; + 'highlight-plot'?: boolean; /** * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" */ - layout?: string | undefined; + layout?: string; /** * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -3687,11 +3687,11 @@ declare namespace zingchart { /** * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... */ - 'max-items'?: number | undefined; + 'max-items'?: number; /** * Sets whether the legend can be minimized or not. */ - minimize?: boolean | undefined; + minimize?: boolean; /** * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the * legend to the left. 4 | "6px" | ... @@ -3707,28 +3707,28 @@ declare namespace zingchart { * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use * d with max-item. "none" | "hidden" | "page" | "scroll" */ - overflow?: string | undefined; + overflow?: string; /** * Reverses the items in the legend */ - 'reverse-series'?: boolean | undefined; + 'reverse-series'?: boolean; /** * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu * tes. Uses x,y coordinates originating from the top left of the chart. */ - position?: string | undefined; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -3737,7 +3737,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -3753,15 +3753,15 @@ declare namespace zingchart { * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled * " */ - 'toggle-action'?: string | undefined; + 'toggle-action'?: string; /** * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3779,57 +3779,57 @@ declare namespace zingchart { * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -3860,12 +3860,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if * border-color is not set. 4 | "6px" | ... @@ -3874,7 +3874,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -3896,7 +3896,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -3904,16 +3904,16 @@ declare namespace zingchart { /** * Clips the text to a specified width. Requires width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 * )" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... */ @@ -3926,20 +3926,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... */ @@ -3947,21 +3947,21 @@ declare namespace zingchart { /** * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -3970,12 +3970,12 @@ declare namespace zingchart { * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal * se | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -4014,20 +4014,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -4036,7 +4036,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -4044,31 +4044,31 @@ declare namespace zingchart { /** * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4076,64 +4076,64 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; header?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Defaults to black if border-color is not set. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4164,12 +4164,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Requires border-color. 4 | "6px" | ... */ @@ -4177,7 +4177,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -4199,7 +4199,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -4207,16 +4207,16 @@ declare namespace zingchart { /** * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 * )" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -4228,20 +4228,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... */ @@ -4249,21 +4249,21 @@ declare namespace zingchart { /** * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4271,12 +4271,12 @@ declare namespace zingchart { /** * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -4307,7 +4307,7 @@ declare namespace zingchart { * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the * containing legend. 4 | "6px" | ... */ - 'padding-right'?: number | undefined; + 'padding-right'?: number; /** * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... */ @@ -4315,20 +4315,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -4337,7 +4337,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -4345,31 +4345,31 @@ declare namespace zingchart { /** * Sets the text content of the object of the Header of the Legend. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4377,19 +4377,19 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; icon?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ @@ -4402,63 +4402,63 @@ declare namespace zingchart { * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; - } | undefined; + }; 'item-off'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4489,12 +4489,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -4502,7 +4502,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -4524,7 +4524,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -4532,7 +4532,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | .../p> */ @@ -4544,21 +4544,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -4566,21 +4566,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4589,7 +4589,7 @@ declare namespace zingchart { * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -4602,63 +4602,63 @@ declare namespace zingchart { * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; + }; item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4689,12 +4689,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -4702,7 +4702,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -4724,7 +4724,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -4732,11 +4732,11 @@ declare namespace zingchart { /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -4748,21 +4748,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -4770,21 +4770,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4793,7 +4793,7 @@ declare namespace zingchart { * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -4805,21 +4805,21 @@ declare namespace zingchart { /** * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - 'show-line'?: boolean | undefined; + 'show-line'?: boolean; /** * Sets the visibility of the legend item's marker. true | false | 1 | 0 */ - 'show-marker'?: boolean | undefined; + 'show-marker'?: boolean; /** * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle * -action. "hide" | "remove" | "disabled" */ - 'toggle-action'?: string | undefined; + 'toggle-action'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -4832,66 +4832,66 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; marker?: { /** * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - 'show-line'?: boolean | undefined; + 'show-line'?: boolean; /** * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle * -action. "hide" | "remove" | "disabled" */ - 'toggle-action'?: string | undefined; + 'toggle-action'?: string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -4899,11 +4899,11 @@ declare namespace zingchart { /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -4915,22 +4915,22 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -4944,7 +4944,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ @@ -4952,16 +4952,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -4970,7 +4970,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -4982,94 +4982,94 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; 'highlight-state'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; - } | undefined; - } | undefined; + type?: string; + }; + }; 'page-off'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the first 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -5077,7 +5077,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -5089,17 +5089,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -5111,16 +5111,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -5129,7 +5129,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -5137,56 +5137,56 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'page-on'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the first 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -5194,7 +5194,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -5206,17 +5206,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -5228,16 +5228,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -5246,7 +5246,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -5254,68 +5254,68 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'page-status'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -5346,12 +5346,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -5359,7 +5359,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -5381,7 +5381,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -5389,15 +5389,15 @@ declare namespace zingchart { /** * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -5409,20 +5409,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -5430,21 +5430,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -5452,17 +5452,17 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-width'?: number | undefined; + 'max-width'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -5495,37 +5495,37 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. "none" | "underline" | ... */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 */ - underline?: string | undefined; + underline?: string; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -5533,21 +5533,21 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; scroll?: { bar?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... @@ -5577,19 +5577,19 @@ declare namespace zingchart { * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; + }; handle?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... @@ -5619,29 +5619,29 @@ declare namespace zingchart { * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; - } | undefined; + }; + }; tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -5649,155 +5649,155 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 */ - sticky?: boolean | undefined; + sticky?: boolean; /** * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - timeout?: number | undefined; + timeout?: number; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; 'media-rules'?: [ { /** * Sets the maximum chart height in pixels. 600 | 400 | 300 */ - 'max-height'?: number | undefined; + 'max-height'?: number; /** * Sets the maximum chart width in pixels. 1000 | 800 | 600 */ - 'max-width'?: number | undefined; + 'max-width'?: number; /** * Sets the minimum chart height in pixels. 600 | 400 | 300 */ - 'min-height'?: number | undefined; + 'min-height'?: number; /** * Sets the minimum chart width in pixels. 1000 | 800 | 600 */ - 'min-width'?: number | undefined; + 'min-width'?: number; /** * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller * breakpoints. true | false */ - visible?: boolean | undefined; + visible?: boolean; } - ] | undefined; + ]; 'no-data'?: { /** * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig * ht" */ - align?: string | undefined; + align?: string; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -5828,12 +5828,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -5842,11 +5842,11 @@ declare namespace zingchart { * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -5858,21 +5858,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -5880,21 +5880,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -5902,7 +5902,7 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -5936,20 +5936,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -5958,7 +5958,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -5966,34 +5966,34 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - url?: string | undefined; + url?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -6001,7 +6001,7 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -6010,12 +6010,12 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; options?: { /** * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" */ - aspect?: string | undefined; + aspect?: string; /** * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] */ @@ -6024,12 +6024,12 @@ declare namespace zingchart { * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F * 51B5" | ... */ - color?: string | undefined; + color?: string; /** * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette * " value with the "palette" array. "random" (default) | "color" | "palette" */ - 'color-type'?: string | undefined; + 'color-type'?: string; /** * To set the maximum font size. 20 | "30px" | ... */ @@ -6053,7 +6053,7 @@ declare namespace zingchart { /** * To set whether every one or two words rotates 90 degrees. true | false (default) */ - rotate?: boolean | undefined; + rotate?: boolean; /** * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... */ @@ -6065,30 +6065,30 @@ declare namespace zingchart { /** * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... */ - text?: string | undefined; + text?: string; /** * To set the type of item to be analyzed: words or characters. "word" (default) | "character" */ - token?: string | undefined; + token?: string; button?: { /** * To set the text of the button 3m | 2015 | all */ - text?: string | undefined; + text?: string; /** * To set multiplier for count ytd | all | year | month | week | day | hour | minute */ - type?: string | undefined; + type?: string; /** * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 */ count?: any; - } | undefined; + }; 'context-menu'?: { /** * To set the visibility of the object. true | false */ - visible?: boolean | undefined; + visible?: boolean; button?: { /** * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} @@ -6098,7 +6098,7 @@ declare namespace zingchart { * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} */ open?: any; - } | undefined; + }; items?: [ { /** @@ -6108,28 +6108,28 @@ declare namespace zingchart { /** * To display or remove the Save Image context menu item. true | false */ - image?: boolean | undefined; + image?: boolean; /** * To display or remove the Lock/Unlock Scrolling context menu item. true | false */ - lock?: boolean | undefined; + lock?: boolean; /** * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} */ share?: any; } - ] | undefined; - } | undefined; + ]; + }; indicator?: { /** * To set the visibility of the object. true | false */ - visible?: boolean | undefined; + visible?: boolean; npv?: { /** * To set the number of decimals that will be displayed. 0 | 1 |2 | ... */ - decimals?: number | undefined; + decimals?: number; /** * To set the font color. 'gray' | '#666699' | ... */ @@ -6137,24 +6137,24 @@ declare namespace zingchart { /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * To set the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; title?: { /** * To set the font color. 'gray' | '#666699' | ... @@ -6163,24 +6163,24 @@ declare namespace zingchart { /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * To set the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; value?: { /** * To set the font color. 'gray' | '#666699' | ... @@ -6189,94 +6189,94 @@ declare namespace zingchart { /** * To set the font family. 'Arial' | 'Georgia' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * To set the font size. 30 | 24 | 16 | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * To set the font style. 'normal' | 'italic' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * To set the font weight. 'normal' | 'bold' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * To set the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; - } | undefined; + visible?: boolean; + }; + }; style?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; 'hover-state'?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -6284,52 +6284,52 @@ declare namespace zingchart { /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; - } | undefined; + 'text-alpha'?: number; + }; tooltip?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font angle of the object. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -6337,27 +6337,27 @@ declare namespace zingchart { /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 12 | "20px" | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text to be displayed in the tooltips. "%text: %hits" | ... */ @@ -6366,18 +6366,18 @@ declare namespace zingchart { * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the visibility of the object. true | false (default) */ - visible?: boolean | undefined; - } | undefined; - } | undefined; + visible?: boolean; + }; + }; violin?: { /** * To set the trim. true | false | 0 | 1 */ - trim?: boolean | undefined; + trim?: boolean; /** * To set the jitter width. 0 | .5 | 1 | 2 | ... */ @@ -6394,7 +6394,7 @@ declare namespace zingchart { * To set the styling of the violin object. {} */ style?: any; - } | undefined; + }; words?: [ { /** @@ -6404,88 +6404,88 @@ declare namespace zingchart { /** * To set the word. "Flowers" | "Freesia" | "Peony" | ... */ - text?: string | undefined; + text?: string; } - ] | undefined; - } | undefined; + ]; + }; plot?: { /** * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - aspect?: string | undefined; + aspect?: 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . * .. */ - 'band-space'?: number | undefined; + 'band-space'?: number; /** * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" */ - 'bar-max-width'?: number | undefined; + 'bar-max-width'?: number; /** * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'bar-space'?: number | undefined; + 'bar-space'?: number; /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: number | undefined; + 'bar-width'?: number; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'bars-overlap'?: number | undefined; + 'bars-overlap'?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-left'?: number | undefined; + 'bars-space-left'?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-right'?: number | undefined; + 'bars-space-right'?: number; /** * 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -6520,7 +6520,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -6538,7 +6538,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -6547,58 +6547,58 @@ declare namespace zingchart { * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect * values through a null data point. true | false | 1 | 0 */ - 'connect-nulls'?: boolean | undefined; + 'connect-nulls'?: boolean; /** * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 * | 0 */ - 'contour-on-top'?: boolean | undefined; + 'contour-on-top'?: boolean; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost * anywhere in a chart. "Some Text" | ... */ - 'data-...'?: string | undefined; + 'data-...'?: string; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | * ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some * Text" | ... */ - description?: string | undefined; + description?: string; /** * Turns off click on slices */ - detached?: boolean | undefined; + detached?: boolean; /** * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod * es. true | false | 1 | 0 */ - exact?: boolean | undefined; + exact?: boolean; /** * This attribute sets the values to scientific notation true | false | 1 | 0 */ - exponent?: boolean | undefined; + exponent?: boolean; /** * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - exponentDecimals?: number | undefined; + exponentDecimals?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -6610,7 +6610,7 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se * t individually within each value set. [45, 70, 60] @@ -6620,17 +6620,17 @@ declare namespace zingchart { * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also * be set. true | false | 1 | 0 */ - 'group-selections'?: boolean | undefined; + 'group-selections'?: boolean; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ @@ -6639,12 +6639,12 @@ declare namespace zingchart { * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'legend-text'?: string | undefined; + 'legend-text'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet * ween each line segment. 4 | "6px" | ... @@ -6658,7 +6658,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ @@ -6668,50 +6668,50 @@ declare namespace zingchart { * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b * e displayed. 5 | 10 | ... */ - 'max-nodes'?: number | undefined; + 'max-nodes'?: number; /** * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'max-ratio'?: number | undefined; + 'max-ratio'?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'max-size'?: number | undefined; + 'max-size'?: number; /** * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ - 'max-trackers'?: number | undefined; + 'max-trackers'?: number; /** * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'mid-point'?: boolean | undefined; + 'mid-point'?: boolean; /** * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'min-ratio'?: number | undefined; + 'min-ratio'?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'min-size'?: number | undefined; + 'min-size'?: number; /** * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - monotone?: boolean | undefined; + monotone?: boolean; /** * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - multiplier?: boolean | undefined; + multiplier?: boolean; /** * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s * eparately. "standard" | "currency" */ - negation?: string | undefined; + negation?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -6723,16 +6723,16 @@ declare namespace zingchart { /** * Pie Charts Only: Use this to transform the shape of the pie slices. */ - 'pie-transformpieTransform'?: string | undefined; + 'pie-transformpieTransform'?: string; /** * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'ref-angle'?: number | undefined; + 'ref-angle'?: number; /** * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t * otal" | "chart-max" | "chart-total" */ - reference?: string | undefined; + reference?: string; /** * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. @@ -6740,45 +6740,45 @@ declare namespace zingchart { * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. * . */ - 'sampling-step'?: number | undefined; + 'sampling-step'?: number; /** * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - scales?: string | undefined; + scales?: string; /** * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq * rt" | "area" */ - scaling?: string | undefined; + scaling?: string; /** * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling * . 5 | 10 | ... */ - 'scroll-step-multiplier'?: number | undefined; + 'scroll-step-multiplier'?: number; /** * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m * arkers only. true (default) | false */ - 'segment-trackers'?: boolean | undefined; + 'segment-trackers'?: boolean; /** * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false */ - 'smart-sampling'?: boolean | undefined; + 'smart-sampling'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -6787,7 +6787,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -6797,79 +6797,79 @@ declare namespace zingchart { * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, * etc" true | false | 1 | 0 */ - short?: boolean | undefined; + short?: boolean; /** * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | * "M" | "b" | "B" */ - 'short-unit'?: string | undefined; + 'short-unit'?: string; /** * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl * y just visible. true | false | 1 | 0 */ - 'show-zero'?: boolean | undefined; + 'show-zero'?: boolean; /** * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'size-factor'?: number | undefined; + 'size-factor'?: number; /** * Hole size in middle of chart */ - slice?: number | undefined; + slice?: number; /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'slice-start'?: number | undefined; + 'slice-start'?: number; /** * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked * chart. 5 | 10 | ... */ - stack?: number | undefined; + stack?: number; /** * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - stacked?: boolean | undefined; + stacked?: boolean; /** * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'step-start'?: string | undefined; + 'step-start'?: string; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - target?: string | undefined; + target?: string; /** * Sets the thickness of pie3d charts. 5 | 10 | ... */ - thickness?: number | undefined; + thickness?: number; /** * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens * "Some Text" | ... */ - 'tooltip-text'?: string | undefined; + 'tooltip-text'?: string; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - url?: string | undefined; + url?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - 'z-end'?: number | undefined; + 'z-end'?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - 'z-start'?: number | undefined; + 'z-start'?: number; animation?: { '1'?: any; '2'?: any; @@ -6887,12 +6887,12 @@ declare namespace zingchart { /** * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - delay?: number | undefined; + delay?: number; /** * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re * moving node). true (default) | false | 1 | 0 */ - 'on-change'?: boolean | undefined; + 'on-change'?: boolean; 'on-legend-toggle'?: any; /** * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` @@ -6900,59 +6900,59 @@ declare namespace zingchart { * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION * _UNFOLD_VERTICAL` */ - effect?: number | undefined; - method?: number | undefined; - sequence?: number | undefined; - speed?: number | undefined; - } | undefined; + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; 'background-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -6960,7 +6960,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -6972,17 +6972,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -6994,16 +6994,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -7012,7 +7012,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -7024,11 +7024,11 @@ declare namespace zingchart { /** * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -7037,55 +7037,55 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; 'background-state'?: { /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -7093,7 +7093,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -7105,30 +7105,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -7137,22 +7137,22 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; + }; error?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -7166,7 +7166,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -7175,14 +7175,14 @@ declare namespace zingchart { * Sets the size of the object/shape. 4 | "6px" | ... */ size?: any; - } | undefined; - errors?: [{}] | undefined; + }; + errors?: [{}]; goal?: { /** * 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 comp * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -7194,69 +7194,69 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the height of the object. 10 | "20px" */ - height?: number | undefined; + height?: number; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" */ - width?: number | undefined; - } | undefined; + width?: number; + }; 'guide-label'?: { /** * 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 comp * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | * 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel * low" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 4 | "6px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object. "none" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. "none" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -7265,126 +7265,126 @@ declare namespace zingchart { * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'highlight-marker'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'highlight-state'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'hover-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the first 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -7392,7 +7392,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -7404,22 +7404,22 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -7433,7 +7433,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -7449,16 +7449,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -7467,7 +7467,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -7480,62 +7480,62 @@ declare namespace zingchart { * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'hover-state'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 * | ... */ - 'alpha-area'?: number | undefined; + 'alpha-area'?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -7543,7 +7543,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -7555,22 +7555,22 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -7584,7 +7584,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -7592,16 +7592,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -7610,7 +7610,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -7618,79 +7618,79 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'legend-item'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. Works with output canvas and svg. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). Requires Legend. * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f * " | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re * d yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -7727,12 +7727,12 @@ declare namespace zingchart { * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... @@ -7742,7 +7742,7 @@ declare namespace zingchart { * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... @@ -7769,7 +7769,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... @@ -7779,16 +7779,16 @@ declare namespace zingchart { * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... @@ -7803,23 +7803,23 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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. For the text in the legend box. Requires Legend. Used only ins * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. 4 | "6px" | ... @@ -7829,24 +7829,24 @@ declare namespace zingchart { * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 * 0 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. * "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -7856,7 +7856,7 @@ declare namespace zingchart { * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -7887,7 +7887,7 @@ declare namespace zingchart { * the text is cut and appended with "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe * r right box. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w @@ -7937,26 +7937,26 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa * lse | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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. For single item in Legend. Req * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 * | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " @@ -7968,7 +7968,7 @@ declare namespace zingchart { * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px @@ -7983,37 +7983,37 @@ declare namespace zingchart { * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -8022,65 +8022,65 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash * . true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; 'legend-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t * o the left of the text in the upper right box. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u @@ -8090,12 +8090,12 @@ declare namespace zingchart { /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... @@ -8110,19 +8110,19 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 * 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... @@ -8142,12 +8142,12 @@ declare namespace zingchart { * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left * of the text in the upper right box. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... @@ -8158,18 +8158,18 @@ declare namespace zingchart { * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; marker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 * | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se @@ -8177,42 +8177,42 @@ declare namespace zingchart { * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " * rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between * the lines. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin * es. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" * | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " * repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ @@ -8220,7 +8220,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ @@ -8232,21 +8232,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -8258,16 +8258,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -8276,7 +8276,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -8289,11 +8289,11 @@ declare namespace zingchart { * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -8305,33 +8305,33 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; preview?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'alpha-area'?: number | undefined; + 'alpha-area'?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ @@ -8339,8 +8339,8 @@ declare namespace zingchart { /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ - type?: string | undefined; - } | undefined; + type?: string; + }; rules?: [ { /** @@ -8350,54 +8350,54 @@ declare namespace zingchart { * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - rule?: string | undefined; + rule?: string; } - ] | undefined; + ]; 'selected-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo * rks with output flash. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -8405,7 +8405,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -8417,17 +8417,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -8439,16 +8439,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -8457,7 +8457,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -8469,11 +8469,11 @@ declare namespace zingchart { /** * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -8482,51 +8482,51 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; 'selected-state'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -8534,7 +8534,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -8546,34 +8546,34 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -8582,74 +8582,74 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; + }; tooltip?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). For graph plot to * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -8680,12 +8680,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ @@ -8693,7 +8693,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -8717,7 +8717,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... @@ -8726,24 +8726,24 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ @@ -8755,20 +8755,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ @@ -8776,21 +8776,21 @@ declare namespace zingchart { /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -8798,11 +8798,11 @@ declare namespace zingchart { /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -8827,7 +8827,7 @@ declare namespace zingchart { * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -8865,29 +8865,29 @@ declare namespace zingchart { * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - placement?: string | undefined; + placement?: string; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. * For graph plot tooltip. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -8896,7 +8896,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -8904,20 +8904,20 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -8925,97 +8925,97 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; trend?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'value-box'?: { /** * 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 comp * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | * 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a * counterclockwise direction. -90 | 270 | 180 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . * .. */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . @@ -9024,19 +9024,19 @@ declare namespace zingchart { /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the object. 5 | "10px" | ... */ @@ -9048,42 +9048,42 @@ declare namespace zingchart { /** * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the value box text. 4 | "6px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works * with output svg. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu * te. Works with output svg. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ @@ -9104,194 +9104,194 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | * 0 */ - visible?: boolean | undefined; + visible?: boolean; connector?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ 'line-width'?: any; - } | undefined; + }; joined?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... */ - text?: string | undefined; - } | undefined; + text?: string; + }; shared?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... */ - text?: string | undefined; - } | undefined; - } | undefined; - } | undefined; + text?: string; + }; + }; + }; plotarea?: { /** * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | * 0 */ - 'adjust-layout'?: boolean | undefined; + 'adjust-layout'?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -9322,12 +9322,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -9335,7 +9335,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -9357,7 +9357,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -9365,7 +9365,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -9377,17 +9377,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9395,11 +9395,11 @@ declare namespace zingchart { /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " @@ -9454,7 +9454,7 @@ declare namespace zingchart { * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea * . 4 | "6px" | ... */ - 'mask-tolerance'?: number | undefined; + 'mask-tolerance'?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -9466,20 +9466,20 @@ declare namespace zingchart { /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - position?: string | undefined; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -9488,7 +9488,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -9496,7 +9496,7 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9512,28 +9512,28 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; preview?: { /** * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean | undefined; + 'adjust-layout'?: boolean; /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ @@ -9546,7 +9546,7 @@ declare namespace zingchart { * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 */ - live?: boolean | undefined; + live?: boolean; /** * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -9554,15 +9554,15 @@ declare namespace zingchart { /** * Sets the minimum width of preview's active area. 5 | 10 | ... */ - 'min-distance'?: number | undefined; + 'min-distance'?: number; /** * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. */ - position?: string | undefined; + position?: string; /** * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 */ - 'preserve-zoom'?: boolean | undefined; + 'preserve-zoom'?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9580,26 +9580,26 @@ declare namespace zingchart { * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; - } | undefined; + 'background-color'?: string; + }; handle?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... @@ -9608,7 +9608,7 @@ declare namespace zingchart { /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... @@ -9632,7 +9632,7 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9641,69 +9641,69 @@ declare namespace zingchart { * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; + }; label?: { /** * 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 comp * letely 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 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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. -4 * 5 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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'?: string | undefined; + 'background-color'?: 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 f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * 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 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -9734,12 +9734,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -9747,7 +9747,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -9769,7 +9769,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -9777,17 +9777,17 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * 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)" | ... */ - color?: string | undefined; + color?: string; /** * 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-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -9800,21 +9800,21 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * 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-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -9822,21 +9822,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * 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%" | ... @@ -9846,16 +9846,16 @@ declare namespace zingchart { * 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 */ - italic?: boolean | undefined; + italic?: boolean; /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean | undefined; + 'lock-rotation'?: boolean; /** * 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-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -9894,32 +9894,32 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9927,33 +9927,33 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; mask?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; - } | undefined; - } | undefined; + 'background-color'?: string; + }; + }; 'scale-k'?: { /** * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de * fault) | 'circle' */ - aspect?: string | undefined; + aspect?: string; /** * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values * ), e.g., “%v°” or “Variable %v”. 'Value: %v' */ - format?: string | undefined; + format?: string; /** * Allows you to set custom labels for each step along scale-k. [...] */ @@ -9966,167 +9966,167 @@ declare namespace zingchart { /** * Used to hide the k-axis. true | false */ - visible?: boolean | undefined; + visible?: boolean; guide?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; + visible?: boolean; items?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; } - ] | undefined; - } | undefined; + ]; + }; item?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number | undefined + angle?: number /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the padding of the object 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; - } | undefined; + 'text-alpha'?: number; + }; tick?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - placement?: string | undefined; + placement?: string; /** * Sets the size of the object. 4 | '6px' | ... */ - size?: number | undefined; + size?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -10134,68 +10134,68 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 */ - sticky?: boolean | undefined; + sticky?: boolean; /** * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - timeout?: number | undefined; + timeout?: number; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; 'scale-r'?: { /** * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, @@ -10205,7 +10205,7 @@ declare namespace zingchart { /** * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... */ - 'minor-ticks'?: number | undefined; + 'minor-ticks'?: number; /** * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... */ @@ -10215,193 +10215,193 @@ declare namespace zingchart { * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the size of the pivot point. 4 | "6px" | ... */ - size?: number | undefined; + size?: number; /** * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... */ - type?: string | undefined; + type?: string; /** * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - x?: number | undefined; + x?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - y?: number | undefined; - } | undefined; + y?: number; + }; guide?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the line 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)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; item?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - * 20 | 30 | ... */ - offsetR?: number | undefined; + offsetR?: number; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the visibility of the object. */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; markers?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line 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)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets an ending offset for the scale marker. 0.1 | ... */ - 'offset-end'?: number | undefined; + 'offset-end'?: number; /** * Sets a starting offset for the scale marker. 0.5 | ... */ - 'offset-start'?: number | undefined; + 'offset-start'?: number; /** * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m * arkers. [60] | [20,40] | ... @@ -10410,244 +10410,244 @@ declare namespace zingchart { /** * Sets the scale marker type: area or line. 'area' | 'line' */ - type?: string | undefined; + type?: string; label?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - * 20 | 30 | ... */ - offsetR?: number | undefined; + offsetR?: number; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the width of the object. 50 | '200px' | ... */ - width?: number | undefined; - } | undefined; + width?: number; + }; } - ] | undefined; + ]; 'minor-guide'?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line 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)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'minor-tick'?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line 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)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - placement?: string | undefined; + placement?: string; /** * Sets the size of the object. 10 | '16px' | ... */ - size?: number | undefined; + size?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; ring?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the size of the object. 30 | '40px' | ... */ - size?: number | undefined; + size?: number; items?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the size of the object. 30 | '40px' | ... */ - size?: number | undefined; + size?: number; } - ] | undefined; - } | undefined; + ]; + }; tick?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line 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)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - placement?: string | undefined; + placement?: string; /** * Sets the size of the object. 30 | '40px' | ... */ - size?: number | undefined; + size?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; - } | undefined; + visible?: boolean; + }; + }; 'scale-v'?: { /** * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values * ), e.g., “%v°” or “Variable %v”. 'Value: %v' */ - format?: string | undefined; + format?: string; /** * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v * alues will be used for the remaining labels. [...] @@ -10661,184 +10661,184 @@ declare namespace zingchart { /** * Used to hide the v-axis. true | false */ - visible?: boolean | undefined; + visible?: boolean; guide?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; + visible?: boolean; items?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; } - ] | undefined; - } | undefined; + ]; + }; item?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the padding of the object 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; - } | undefined; + 'text-alpha'?: number; + }; 'ref-line'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; tick?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - placement?: string | undefined; + placement?: string; /** * Sets the size of the object. 4 | '6px' | ... */ - size?: number | undefined; + size?: number; /** * Sets the visibility of the object. true | false */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -10846,90 +10846,90 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 */ - sticky?: boolean | undefined; + sticky?: boolean; /** * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - timeout?: number | undefined; + timeout?: number; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; 'scale-x'?: { /** * true | false | 1 | 0 */ - 'auto-fit'?: boolean | undefined; + 'auto-fit'?: boolean; /** * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true * | false | 1 | 0 */ - exponent?: boolean | undefined; + exponent?: boolean; /** * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'exponent-decimals'?: number | undefined; + 'exponent-decimals'?: number; /** * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - layout?: string | undefined; + layout?: string; /** * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... */ @@ -10966,39 +10966,39 @@ declare namespace zingchart { /** * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... */ - 'max-labels'?: number | undefined; + 'max-labels'?: number; /** * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... */ - 'max-ticks'?: number | undefined; + 'max-ticks'?: number; /** * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'max-value'?: number | undefined; + 'max-value'?: number; /** * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino * r tick marks and/or guides. 5 | 10 | ... */ - 'minor-ticks'?: number | undefined; + 'minor-ticks'?: number; /** * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 */ - mirrored?: boolean | undefined; + mirrored?: boolean; /** * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - negation?: string | undefined; + negation?: string; /** * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number | undefined; + 'offset-end'?: number; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 * | '6px' | '5%' | '35%' | ... */ - 'offset-start'?: number | undefined; + 'offset-start'?: number; /** * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... */ @@ -11006,32 +11006,32 @@ declare namespace zingchart { /** * Sets the placement of the scale object. 'default' | 'opposite' */ - placement?: string | undefined; + placement?: string; /** * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - progression?: string | undefined; + progression?: string; /** * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'ref-angle'?: number | undefined; + 'ref-angle'?: number; /** * To set the value the reference line is drawn at. 1 | 5 | 10 | ... */ - 'ref-value'?: number | undefined; + 'ref-value'?: number; /** * 5 | 10 | ... */ - 'scale-factor'?: number | undefined; + 'scale-factor'?: number; /** * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa * lse | 1 | 0 */ - short?: boolean | undefined; + short?: boolean; /** * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'short-unit'?: string | undefined; + 'short-unit'?: string; /** * ['A', 'B'] | ... */ @@ -11051,37 +11051,37 @@ declare namespace zingchart { * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item * s, etc separately, true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 */ - 'zoom-snap'?: boolean | undefined; + 'zoom-snap'?: boolean; guide?: { /** * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... @@ -11096,7 +11096,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... @@ -11105,89 +11105,89 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; items?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; } - ] | undefined; - } | undefined; + ]; + }; item?: { /** * 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 comp * letely opaque. 0....1 */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a two-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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a two-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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -11218,12 +11218,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -11231,7 +11231,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -11253,7 +11253,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -11261,16 +11261,16 @@ declare namespace zingchart { /** * true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -11282,21 +11282,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -11304,21 +11304,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -11326,16 +11326,16 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'lock-rotation'?: boolean | undefined; + 'lock-rotation'?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -11374,34 +11374,34 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -11409,70 +11409,70 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; label?: { /** * 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 comp * letely 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 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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. -4 * 5 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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'?: string | undefined; + 'background-color'?: 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 f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * 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 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -11503,12 +11503,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -11516,7 +11516,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -11538,7 +11538,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -11546,17 +11546,17 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * 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)" | ... */ - color?: string | undefined; + color?: string; /** * 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-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -11569,21 +11569,21 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * 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-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -11591,21 +11591,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * 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%" | ... @@ -11615,16 +11615,16 @@ declare namespace zingchart { * 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 */ - italic?: boolean | undefined; + italic?: boolean; /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean | undefined; + 'lock-rotation'?: boolean; /** * 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-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -11663,32 +11663,32 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -11696,8 +11696,8 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; labels?: any; markers?: [ { @@ -11705,49 +11705,49 @@ declare namespace zingchart { * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -11755,7 +11755,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -11767,30 +11767,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'label-alignment'?: string | undefined; + 'label-alignment'?: string; /** * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" */ - 'label-placement'?: string | undefined; + 'label-placement'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -11804,7 +11804,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -11821,7 +11821,7 @@ declare namespace zingchart { * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott * om', which will place the marker behind your charted data. top | bottom */ - placement?: string | undefined; + placement?: string; /** * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r @@ -11834,16 +11834,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -11852,7 +11852,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -11860,101 +11860,101 @@ declare namespace zingchart { /** * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" */ - type?: string | undefined; + type?: string; /** * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | * 0 */ - 'value-range'?: boolean | undefined; + 'value-range'?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; label?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the width of the object. 50 | '200px' | ... */ - width?: number | undefined; - } | undefined; + width?: number; + }; } - ] | undefined; + ]; 'minor-guide'?: { /** * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -11968,7 +11968,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -11976,18 +11976,18 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'minor-tick'?: { /** * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... @@ -12002,7 +12002,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte * d" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ @@ -12010,22 +12010,22 @@ declare namespace zingchart { /** * Determines the placement of minor tick marks along an axis line. inner | cross | outer */ - placement?: string | undefined; + placement?: string; /** * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'ref-line'?: { /** * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... @@ -12040,7 +12040,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted * " | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... */ @@ -12048,27 +12048,27 @@ declare namespace zingchart { /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; rules?: [ { /** * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ - rule?: string | undefined; + rule?: string; } - ] | undefined; + ]; tick?: { /** * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 * | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -12082,7 +12082,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -12090,21 +12090,21 @@ declare namespace zingchart { /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ - placement?: string | undefined; + placement?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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. Has limited effect on HTML5 im * plementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -12113,7 +12113,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -12125,29 +12125,29 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -12155,67 +12155,67 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 */ - sticky?: boolean | undefined; + sticky?: boolean; /** * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - timeout?: number | undefined; + timeout?: number; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; transform?: { /** * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or @@ -12229,7 +12229,7 @@ declare namespace zingchart { * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. */ - all?: string | undefined; + all?: string; '`%A`'?: any; '`%a`'?: any; '`%D`'?: any; @@ -12251,17 +12251,17 @@ declare namespace zingchart { /** * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... @@ -12270,68 +12270,68 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -12362,12 +12362,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -12375,7 +12375,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -12397,7 +12397,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -12405,16 +12405,16 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -12426,21 +12426,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -12448,21 +12448,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -12470,7 +12470,7 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -12484,12 +12484,12 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -12528,20 +12528,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -12550,7 +12550,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -12558,35 +12558,35 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -12594,50 +12594,50 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; - } | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; + }; + }; 'scale-y'?: { /** * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * true | false | 1 | 0 */ - 'auto-fit'?: boolean | undefined; + 'auto-fit'?: boolean; /** * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the * define number of decimals. 5 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' * .' | ',' | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true * | false | 1 | 0 */ - exponent?: boolean | undefined; + exponent?: boolean; /** * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'exponent-decimals'?: number | undefined; + 'exponent-decimals'?: number; /** * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... */ - format?: string | undefined; + format?: string; /** * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 */ - 'items-overlap'?: boolean | undefined; + 'items-overlap'?: boolean; /** * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... @@ -12646,11 +12646,11 @@ declare namespace zingchart { /** * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - layout?: string | undefined; + layout?: string; /** * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | '6px' | ... @@ -12664,7 +12664,7 @@ declare namespace zingchart { /** * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the width of the axis line. 4 | '6px' | ... */ @@ -12697,58 +12697,58 @@ declare namespace zingchart { /** * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'max-items'?: number | undefined; + 'max-items'?: number; /** * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... */ - 'max-labels'?: number | undefined; + 'max-labels'?: number; /** * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... */ - 'max-ticks'?: number | undefined; + 'max-ticks'?: number; /** * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'max-value'?: number | undefined; + 'max-value'?: number; /** * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - 'min-value'?: number | undefined; + 'min-value'?: number; /** * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino * r tick marks and/or guides. 5 | 10 | ... */ - 'minor-ticks'?: number | undefined; + 'minor-ticks'?: number; /** * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 */ - mirrored?: boolean | undefined; + mirrored?: boolean; /** * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | * 1 | 0 */ - multiplier?: boolean | undefined; + multiplier?: boolean; /** * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - negation?: string | undefined; + negation?: string; /** * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' * | ... */ - offset?: number | undefined; + offset?: number; /** * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 * | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number | undefined; + 'offset-end'?: number; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-start'?: number | undefined; + 'offset-start'?: number; /** * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ @@ -12760,32 +12760,32 @@ declare namespace zingchart { /** * Sets the placement of the scale object. 'default' | 'opposite' */ - placement?: string | undefined; + placement?: string; /** * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - progression?: string | undefined; + progression?: string; /** * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'ref-angle'?: number | undefined; + 'ref-angle'?: number; /** * To set the value the reference line is drawn at. 5 | 10 | ... */ - 'ref-value'?: number | undefined; + 'ref-value'?: number; /** * Sets the scale of the y axis 5 | 10 | ... */ - 'scale-factor'?: number | undefined; + 'scale-factor'?: number; /** * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa * lse | 1 | 0 */ - short?: boolean | undefined; + short?: boolean; /** * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'short-unit'?: string | undefined; + 'short-unit'?: string; /** * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... */ @@ -12797,11 +12797,11 @@ declare namespace zingchart { /** * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' */ - 'size-factor'?: string | undefined; + 'size-factor'?: string; /** * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] @@ -12813,37 +12813,37 @@ declare namespace zingchart { * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item * s, etc separately, true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 */ - 'zoom-snap'?: boolean | undefined; + 'zoom-snap'?: boolean; guide?: { /** * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow * " | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... @@ -12858,7 +12858,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da * shdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... @@ -12867,89 +12867,89 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; items?: [ { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; } - ] | undefined; - } | undefined; + ]; + }; item?: { /** * 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 comp * letely opaque. 0....1 */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a two-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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a two-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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -12980,12 +12980,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -12993,7 +12993,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -13015,7 +13015,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -13023,16 +13023,16 @@ declare namespace zingchart { /** * true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -13044,21 +13044,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -13066,21 +13066,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -13088,16 +13088,16 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'lock-rotation'?: boolean | undefined; + 'lock-rotation'?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -13136,34 +13136,34 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -13171,70 +13171,70 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; label?: { /** * 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 comp * letely 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 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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. -4 * 5 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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'?: string | undefined; + 'background-color'?: 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 f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * 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 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -13265,12 +13265,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -13278,7 +13278,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -13300,7 +13300,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -13308,17 +13308,17 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * 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)" | ... */ - color?: string | undefined; + color?: string; /** * 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-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -13331,21 +13331,21 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " * radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * 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-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ @@ -13353,21 +13353,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * 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%" | ... @@ -13377,16 +13377,16 @@ declare namespace zingchart { * 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 */ - italic?: boolean | undefined; + italic?: boolean; /** * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'lock-rotation'?: boolean | undefined; + 'lock-rotation'?: boolean; /** * 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-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -13425,32 +13425,32 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -13458,57 +13458,57 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; markers?: [ { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -13516,7 +13516,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -13528,30 +13528,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'label-alignment'?: string | undefined; + 'label-alignment'?: string; /** * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" */ - 'label-placement'?: string | undefined; + 'label-placement'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -13565,7 +13565,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -13582,7 +13582,7 @@ declare namespace zingchart { * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott * om', which will place the marker behind your charted data. top | bottom */ - placement?: string | undefined; + placement?: string; /** * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r @@ -13595,16 +13595,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -13613,7 +13613,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -13621,101 +13621,101 @@ declare namespace zingchart { /** * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" */ - type?: string | undefined; + type?: string; /** * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | * 0 */ - 'value-range'?: boolean | undefined; + 'value-range'?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; label?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number | undefined; + 'font-size'?: number; /** * Sets the font style of the object. 'italic' | 'normal' */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. 'bold' | 'normal' */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number | undefined; + padding?: number; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the width of the object. 50 | '200px' | ... */ - width?: number | undefined; - } | undefined; + width?: number; + }; } - ] | undefined; + ]; 'minor-guide'?: { /** * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -13729,7 +13729,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -13737,18 +13737,18 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'minor-tick'?: { /** * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... @@ -13763,7 +13763,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte * d" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ @@ -13771,22 +13771,22 @@ declare namespace zingchart { /** * Determines the placement of minor tick marks along an axis line. inner | cross | outer */ - placement?: string | undefined; + placement?: string; /** * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'ref-line'?: { /** * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... @@ -13801,7 +13801,7 @@ declare namespace zingchart { * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted * " | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... */ @@ -13809,27 +13809,27 @@ declare namespace zingchart { /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; rules?: [ { /** * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ - rule?: string | undefined; + rule?: string; } - ] | undefined; + ]; tick?: { /** * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 * | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -13843,7 +13843,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -13851,21 +13851,21 @@ declare namespace zingchart { /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ - placement?: string | undefined; + placement?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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. Has limited effect on HTML5 im * plementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -13874,7 +13874,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -13886,29 +13886,29 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ @@ -13916,90 +13916,90 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number | undefined; + height?: number; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 */ - sticky?: boolean | undefined; + sticky?: boolean; /** * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - timeout?: number | undefined; + timeout?: number; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number | undefined; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; transform?: { /** * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used * . 'Month of %M' | '%d' | ... */ - text?: string | undefined; + text?: string; /** * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' */ - type?: string | undefined; + type?: string; /** * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 */ - uniform?: boolean | undefined; - } | undefined; - } | undefined; + uniform?: boolean; + }; + }; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... */ - 'size-factor'?: number | undefined; - } | undefined; + 'size-factor'?: number; + }; 'scroll-x-scroll-y'?: { /** * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... @@ -14014,13 +14014,13 @@ declare namespace zingchart { * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... @@ -14034,19 +14034,19 @@ declare namespace zingchart { * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; + }; handle?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... @@ -14080,82 +14080,82 @@ declare namespace zingchart { * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - } | undefined; - } | undefined; - series?: series[] | undefined; + }; + }; + series?: series[]; shapes?: [ { /** * Sets the end angle of a pie shape. "10" | "212" | ... */ - 'angle-end'?: number | undefined; + 'angle-end'?: number; /** * Sets the beginning angle of a pie shape. "10" | "212" | ... */ - 'angle-start'?: number | undefined; + 'angle-start'?: number; /** * Sets the height of the shape "10" | "212" | ... */ - height?: number | undefined; + height?: number; /** * Id of the shape "myShape" | "Square2" | ... */ - id?: string | undefined; + id?: string; /** * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... */ - slice?: number | undefined; + slice?: number; /** * Sets the width of the shape "10" | "212" | ... */ - width?: number | undefined; + width?: number; /** * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req * uires the formatting 0.x 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... @@ -14164,7 +14164,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... */ @@ -14177,26 +14177,26 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 * 0f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with * gradient-colors. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -14210,7 +14210,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -14218,7 +14218,7 @@ declare namespace zingchart { /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -14240,16 +14240,16 @@ declare namespace zingchart { /** * Sets whether the object gets a shadow or not. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -14258,7 +14258,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -14271,11 +14271,11 @@ declare namespace zingchart { * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | * "line" | "poly" | "pie" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14287,65 +14287,65 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; + 'z-index'?: number; } - ] | undefined; + ]; source?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * For source, bold is the default. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ @@ -14373,12 +14373,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -14386,7 +14386,7 @@ declare namespace zingchart { /** * Requires border-width. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -14408,7 +14408,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -14416,16 +14416,16 @@ declare namespace zingchart { /** * Truncates text based on the setting of width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Works with fill-angle to position gradient. 4 | "6px" | ... */ @@ -14437,21 +14437,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -14459,21 +14459,21 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14481,15 +14481,15 @@ declare namespace zingchart { /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -14514,7 +14514,7 @@ declare namespace zingchart { * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -14554,24 +14554,24 @@ declare namespace zingchart { * Sets 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" */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * For source, this may require position in order to be visible. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -14580,7 +14580,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -14588,35 +14588,35 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14624,7 +14624,7 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14636,60 +14636,60 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; subtitle?: { /** * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... @@ -14714,11 +14714,11 @@ declare namespace zingchart { /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black. 4 | "6px" | ... @@ -14727,7 +14727,7 @@ declare namespace zingchart { /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ @@ -14748,7 +14748,7 @@ declare namespace zingchart { /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ @@ -14756,16 +14756,16 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -14777,20 +14777,20 @@ declare namespace zingchart { /** * Sets the fill type. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the subtitle text. 4 | "6px" | ... */ @@ -14798,21 +14798,21 @@ declare namespace zingchart { /** * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14820,15 +14820,15 @@ declare namespace zingchart { /** * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -14853,7 +14853,7 @@ declare namespace zingchart { * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -14890,24 +14890,24 @@ declare namespace zingchart { /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -14916,7 +14916,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -14924,31 +14924,31 @@ declare namespace zingchart { /** * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14957,7 +14957,7 @@ declare namespace zingchart { * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. * true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14969,65 +14969,65 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; title?: { /** * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 */ - 'adjust-layout'?: boolean | undefined; + 'adjust-layout'?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... @@ -15052,11 +15052,11 @@ declare namespace zingchart { /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black.. 4 | "6px" | ... @@ -15065,7 +15065,7 @@ declare namespace zingchart { /** * Sets if the object will have a callout arrow. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ @@ -15086,7 +15086,7 @@ declare namespace zingchart { /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ @@ -15094,15 +15094,15 @@ declare namespace zingchart { /** * true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -15114,20 +15114,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 * 5, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the title. 4 | "6px" | ... */ @@ -15135,21 +15135,21 @@ declare namespace zingchart { /** * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15157,15 +15157,15 @@ declare namespace zingchart { /** * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -15190,7 +15190,7 @@ declare namespace zingchart { * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -15229,24 +15229,24 @@ declare namespace zingchart { /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -15255,7 +15255,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -15263,31 +15263,31 @@ declare namespace zingchart { /** * Sets the text content of the title. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the text's transparency of the title. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration of the title. Similar with underline. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15295,7 +15295,7 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15307,70 +15307,70 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; tooltip?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). For graph plot to * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -15401,12 +15401,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ @@ -15414,7 +15414,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -15438,7 +15438,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... @@ -15447,24 +15447,24 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ @@ -15476,20 +15476,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ @@ -15497,21 +15497,21 @@ declare namespace zingchart { /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15519,11 +15519,11 @@ declare namespace zingchart { /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - item?: string | undefined; + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -15548,7 +15548,7 @@ declare namespace zingchart { * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -15586,29 +15586,29 @@ declare namespace zingchart { * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - placement?: string | undefined; + placement?: string; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. * For graph plot tooltip. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -15617,7 +15617,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -15626,11 +15626,11 @@ declare namespace zingchart { * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -15640,7 +15640,7 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15648,35 +15648,35 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; widget?: { /** * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... */ - type?: string | undefined; - } | undefined; + type?: string; + }; zoom?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ @@ -15684,102 +15684,102 @@ declare namespace zingchart { /** * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 */ - 'preserve-zoom'?: boolean | undefined; + 'preserve-zoom'?: boolean; label?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object text. "normal" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object text. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number | undefined; + padding?: number; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; - /** + visible?: boolean; + }; + /** * To enabled shared zooming when there are mulitple charts in a graphset */ - shared?: boolean | undefined; - } | undefined; + shared?: boolean; + }; } interface behavior { /** * To enable or disable individual context menu item behaviors. "all" | "none" */ - enabled?: string | undefined; + enabled?: string; /** * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... */ - id?: string | undefined; + id?: string; } interface gui { /** * To create custom context menu items */ - behaviors?: behavior[] | undefined; + behaviors?: behavior[]; 'context-menu'?: { /** * To fix the position of the context menu to one side of the chart. true | false */ - docked?: boolean | undefined; + docked?: boolean; /** * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 */ - empty?: boolean | undefined; + empty?: boolean; /** * To position the context menu button on the left or right side of the chart. left | right */ - position?: string | undefined; + position?: string; button?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the width of the object's border. 4 | "6px" | ... */ @@ -15788,11 +15788,11 @@ declare namespace zingchart { * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the object's font size. 4 | "6px" | ... */ @@ -15800,11 +15800,11 @@ declare namespace zingchart { /** * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the object's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15813,7 +15813,7 @@ declare namespace zingchart { * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -15852,30 +15852,30 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ * t" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the context-menu button is visible or not. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15883,7 +15883,7 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15892,62 +15892,62 @@ declare namespace zingchart { * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; 'custom-items'?: [ { /** * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale * rt(1)" | ... */ - function?: string | undefined; + function?: string; /** * Sets the ID of the menu item. "myid" | "f1" | ... */ - id?: string | undefined; + id?: string; /** * Sets the text for the menu item. "New Menu Item" | ... */ - text?: string | undefined; + text?: string; } - ] | undefined; + ]; gear?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -15955,7 +15955,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -15967,17 +15967,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -15995,7 +15995,7 @@ declare namespace zingchart { * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... */ - type?: string | undefined; + type?: string; /** * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16004,16 +16004,16 @@ declare namespace zingchart { * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; item?: { /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ @@ -16021,66 +16021,66 @@ declare namespace zingchart { /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} */ 'hover-state'?: any; - } | undefined; - } | undefined; + }; + }; } interface history { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16111,12 +16111,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -16124,7 +16124,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -16146,7 +16146,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -16154,7 +16154,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -16166,17 +16166,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16204,20 +16204,20 @@ declare namespace zingchart { /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - position?: string | undefined; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -16226,7 +16226,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -16234,7 +16234,7 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16252,45 +16252,45 @@ declare namespace zingchart { * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -16298,7 +16298,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -16310,30 +16310,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -16342,56 +16342,56 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; + }; item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -16399,7 +16399,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -16411,30 +16411,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -16443,103 +16443,103 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; + }; } interface refresh { /** * Sets the type of data refresh, full being the only option at loader's level. "full" */ - type?: string | undefined; + type?: string; /** * Defines the specific type of feed. http | js | websockets */ - transport?: string | undefined; + transport?: string; /** * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 */ - url?: string | undefined; + url?: string; /** * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu * med. 5 | 10 | ... */ - interval?: number | undefined; + interval?: number; /** * Sets the max amount of nodes visible in the graph. 5 | 10 | ... */ - 'max-ticks'?: number | undefined; + 'max-ticks'?: number; /** * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... */ - 'reset-timeout'?: number | undefined; + 'reset-timeout'?: number; /** * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true */ - 'adjust-scale'?: boolean | undefined; + 'adjust-scale'?: boolean; curtain?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - bold?: string | undefined; + bold?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16570,12 +16570,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -16583,7 +16583,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ @@ -16605,7 +16605,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -16614,11 +16614,11 @@ declare namespace zingchart { * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -16630,21 +16630,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size. 4 | "6px" | ... */ @@ -16652,30 +16652,30 @@ declare namespace zingchart { /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... @@ -16714,20 +16714,20 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -16736,7 +16736,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -16744,115 +16744,115 @@ declare namespace zingchart { /** * Sets the text content of the object. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; } interface series { /** * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - aspect?: string | undefined; + aspect?: 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . * .. */ - 'band-space'?: number | undefined; + 'band-space'?: number; /** * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'bar-space'?: number | undefined; + 'bar-space'?: number; /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: number | undefined; + 'bar-width'?: number; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'bars-overlap'?: number | undefined; + 'bars-overlap'?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-left'?: number | undefined; + 'bars-space-left'?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'bars-space-right'?: number | undefined; + 'bars-space-right'?: number; /** * 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16887,7 +16887,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -16905,7 +16905,7 @@ declare namespace zingchart { /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ @@ -16915,57 +16915,57 @@ declare namespace zingchart { * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 * | 0 */ - 'contour-on-top'?: boolean | undefined; + 'contour-on-top'?: boolean; /** * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va * lues through a null data point. true | false | 1 | 0 */ - 'connect-nulls'?: boolean | undefined; + 'connect-nulls'?: boolean; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost * anywhere in a chart. "Some Text" | ... */ - 'data-...'?: string | undefined; + 'data-...'?: string; /** * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 */ - 'data-dragging'?: boolean | undefined; + 'data-dragging'?: boolean; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | * ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some * Text" | ... */ - description?: string | undefined; + description?: string; /** * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod * es. true | false | 1 | 0 */ - exact?: boolean | undefined; + exact?: boolean; /** * This attribute sets the values to scientific notation true | false | 1 | 0 */ - exponent?: boolean | undefined; + exponent?: boolean; /** * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - 'exponent-decimals'?: number | undefined; + 'exponent-decimals'?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -16977,7 +16977,7 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se * t individually within each value set. [45, 70, 60] @@ -16987,17 +16987,17 @@ declare namespace zingchart { * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also * be set. true | false | 1 | 0 */ - 'group-selections'?: boolean | undefined; + 'group-selections'?: boolean; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ @@ -17006,12 +17006,12 @@ declare namespace zingchart { * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'legend-text'?: string | undefined; + 'legend-text'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet * ween each line segment. 4 | "6px" | ... @@ -17025,7 +17025,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ @@ -17035,50 +17035,50 @@ declare namespace zingchart { * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b * e displayed. 5 | 10 | ... */ - 'max-nodes'?: number | undefined; + 'max-nodes'?: number; /** * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'max-ratio'?: number | undefined; + 'max-ratio'?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'max-size'?: number | undefined; + 'max-size'?: number; /** * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ - 'max-trackers'?: number | undefined; + 'max-trackers'?: number; /** * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'mid-point'?: boolean | undefined; + 'mid-point'?: boolean; /** * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'min-ratio'?: number | undefined; + 'min-ratio'?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ - 'min-size'?: number | undefined; + 'min-size'?: number; /** * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - monotone?: boolean | undefined; + monotone?: boolean; /** * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - multiplier?: boolean | undefined; + multiplier?: boolean; /** * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s * eparately. "standard" | "currency" */ - negation?: string | undefined; + negation?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -17094,12 +17094,12 @@ declare namespace zingchart { /** * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'ref-angle'?: number | undefined; + 'ref-angle'?: number; /** * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t * otal" | "chart-max" | "chart-total" */ - reference?: string | undefined; + reference?: string; /** * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. @@ -17107,41 +17107,41 @@ declare namespace zingchart { * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. * . */ - 'sampling-step'?: number | undefined; + 'sampling-step'?: number; /** * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - scales?: string | undefined; + scales?: string; /** * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq * rt" | "area" */ - scaling?: string | undefined; + scaling?: string; /** * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling * . 5 | 10 | ... */ - 'scroll-step-multiplier'?: number | undefined; + 'scroll-step-multiplier'?: number; /** * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m * arkers only. true (default) | false */ - 'segment-trackers'?: boolean | undefined; + 'segment-trackers'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -17150,7 +17150,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -17160,155 +17160,155 @@ declare namespace zingchart { * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, * etc" true | false | 1 | 0 */ - short?: boolean | undefined; + short?: boolean; /** * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | * "M" | "b" | "B" */ - 'short-unit'?: string | undefined; + 'short-unit'?: string; /** * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl * y just visible. true | false | 1 | 0 */ - 'show-zero'?: boolean | undefined; + 'show-zero'?: boolean; /** * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'size-factor'?: number | undefined; + 'size-factor'?: number; /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'slice-start'?: number | undefined; + 'slice-start'?: number; /** * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked * chart. 5 | 10 | ... */ - stack?: number | undefined; + stack?: number; /** * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - stacked?: boolean | undefined; + stacked?: boolean; /** * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'step-start'?: string | undefined; + 'step-start'?: string; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - target?: string | undefined; + target?: string; /** * Sets the thickness of pie3d charts. 5 | 10 | ... */ - thickness?: number | undefined; + thickness?: number; /** * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens * "Some Text" | ... */ - 'tooltip-text'?: string | undefined; + 'tooltip-text'?: string; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - url?: string | undefined; + url?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - 'z-end'?: number | undefined; + 'z-end'?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - 'z-start'?: number | undefined; + 'z-start'?: number; animation?: { /** * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - delay?: number | undefined; + delay?: number; /** * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... */ - effect?: number | undefined; + effect?: number; /** * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... */ - method?: number | undefined; + method?: number; /** * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re * moving node). true (default) | false | 1 | 0 */ - 'on-change'?: boolean | undefined; + 'on-change'?: boolean; /** * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 */ - 'on-legend-toggle'?: boolean | undefined; + 'on-legend-toggle'?: boolean; /** * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... */ - sequence?: number | undefined; + sequence?: number; /** * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... */ - speed?: number | undefined; - } | undefined; + speed?: number; + }; 'background-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -17316,7 +17316,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -17328,17 +17328,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -17350,16 +17350,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -17368,7 +17368,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -17380,11 +17380,11 @@ declare namespace zingchart { /** * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -17393,55 +17393,55 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; 'background-state'?: { /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -17449,7 +17449,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -17461,30 +17461,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -17493,22 +17493,22 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; + }; error?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -17522,7 +17522,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -17531,14 +17531,14 @@ declare namespace zingchart { * Sets the size of the object/shape. 4 | "6px" | ... */ size?: any; - } | undefined; - errors?: [{}] | undefined; + }; + errors?: [{}]; goal?: { /** * 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 comp * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -17550,65 +17550,65 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number | undefined; + 'border-radius'?: number; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the height of the object. 10 | "20px" */ - height?: number | undefined; + height?: number; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; - } | undefined; + 'line-style'?: string; + }; 'guide-label'?: { /** * 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 comp * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | * 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel * low" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 4 | "6px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object. "none" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. "none" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -17617,131 +17617,131 @@ declare namespace zingchart { * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." */ - text?: string | undefined; + text?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'highlight-marker'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; + 'line-width'?: number; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; - } | undefined; + type?: string; + }; 'highlight-state'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'hover-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the first 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -17749,7 +17749,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -17761,22 +17761,22 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -17790,7 +17790,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -17806,16 +17806,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -17824,7 +17824,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -17837,62 +17837,62 @@ declare namespace zingchart { * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'hover-state'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 * | ... */ - 'alpha-area'?: number | undefined; + 'alpha-area'?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -17900,7 +17900,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -17912,22 +17912,22 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -17941,7 +17941,7 @@ declare namespace zingchart { /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ @@ -17949,16 +17949,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -17967,7 +17967,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -17975,79 +17975,79 @@ declare namespace zingchart { /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; 'legend-item'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. Works with output canvas and svg. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). Requires Legend. * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f * " | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re * d yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. true | false | 1 | 0 */ - bold?: boolean | undefined; + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -18084,12 +18084,12 @@ declare namespace zingchart { * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... @@ -18099,7 +18099,7 @@ declare namespace zingchart { * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... @@ -18126,7 +18126,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... @@ -18136,16 +18136,16 @@ declare namespace zingchart { * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... @@ -18160,23 +18160,23 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * 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. For the text in the legend box. Requires Legend. Used only ins * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. 4 | "6px" | ... @@ -18186,24 +18186,24 @@ declare namespace zingchart { * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 * 0 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. * "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -18213,7 +18213,7 @@ declare namespace zingchart { * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ - italic?: boolean | undefined; + italic?: boolean; /** * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... @@ -18244,7 +18244,7 @@ declare namespace zingchart { * the text is cut and appended with "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe * r right box. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w @@ -18294,26 +18294,26 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa * lse | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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. For single item in Legend. Req * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 * | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " @@ -18325,7 +18325,7 @@ declare namespace zingchart { * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px @@ -18340,37 +18340,37 @@ declare namespace zingchart { * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "Some Text" | ... */ - text?: string | undefined; + text?: string; /** * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ - 'text-align'?: string | undefined; + 'text-align'?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ - 'text-decoration'?: string | undefined; + 'text-decoration'?: string; /** * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 */ - underline?: boolean | undefined; + underline?: boolean; /** * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - 'vertical-align'?: string | undefined; + 'vertical-align'?: string; /** * Sets the visibility of the object. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -18379,65 +18379,65 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash * . true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; - } | undefined; + 'wrap-text'?: boolean; + }; 'legend-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t * o the left of the text in the upper right box. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u @@ -18447,12 +18447,12 @@ declare namespace zingchart { /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string | undefined; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... @@ -18467,19 +18467,19 @@ declare namespace zingchart { * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f * 0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 * 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... @@ -18499,12 +18499,12 @@ declare namespace zingchart { * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left * of the text in the upper right box. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... @@ -18515,18 +18515,18 @@ declare namespace zingchart { * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; marker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 * | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se @@ -18534,42 +18534,42 @@ declare namespace zingchart { * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " * rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between * the lines. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin * es. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" * | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " * repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ @@ -18577,7 +18577,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ @@ -18589,21 +18589,21 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - map?: string | undefined; + map?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -18615,16 +18615,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -18633,7 +18633,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -18646,11 +18646,11 @@ declare namespace zingchart { * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -18662,33 +18662,33 @@ declare namespace zingchart { /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; preview?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'alpha-area'?: number | undefined; + 'alpha-area'?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ @@ -18696,8 +18696,8 @@ declare namespace zingchart { /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ - type?: string | undefined; - } | undefined; + type?: string; + }; rules?: [ { /** @@ -18707,54 +18707,54 @@ declare namespace zingchart { * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - rule?: string | undefined; + rule?: string; } - ] | undefined; + ]; 'selected-marker'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo * rks with output flash. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -18762,7 +18762,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -18774,17 +18774,17 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -18796,16 +18796,16 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -18814,7 +18814,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -18826,11 +18826,11 @@ declare namespace zingchart { /** * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -18839,51 +18839,51 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - } | undefined; + }; 'selected-state'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets 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-1'?: string | undefined; + 'background-color-1'?: 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-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: 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-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -18891,7 +18891,7 @@ declare namespace zingchart { /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ @@ -18903,30 +18903,30 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: 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-colors'?: string | undefined; + 'gradient-colors'?: 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" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -18935,75 +18935,75 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - } | undefined; - text?: string | undefined; + }; + text?: string; tooltip?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - angle?: number | undefined; + angle?: number; /** * 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)"). For graph plot to * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-bottom'?: string | undefined; + 'border-bottom'?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-left'?: string | undefined; + 'border-left'?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -19034,12 +19034,12 @@ declare namespace zingchart { /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-right'?: string | undefined; + 'border-right'?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-top'?: string | undefined; + 'border-top'?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ @@ -19047,7 +19047,7 @@ declare namespace zingchart { /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px * " | ... @@ -19067,7 +19067,7 @@ declare namespace zingchart { * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ - 'callout-position'?: string | undefined; + 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... @@ -19076,16 +19076,16 @@ declare namespace zingchart { /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'clip-text'?: boolean | undefined; + 'clip-text'?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string | undefined; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ @@ -19097,20 +19097,20 @@ declare namespace zingchart { /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - 'font-angle'?: number | undefined; + 'font-angle'?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ @@ -19118,21 +19118,21 @@ declare namespace zingchart { /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -19161,7 +19161,7 @@ declare namespace zingchart { * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'max-chars'?: number | undefined; + 'max-chars'?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -19199,29 +19199,29 @@ declare namespace zingchart { * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - placement?: string | undefined; + placement?: string; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. * For graph plot tooltip. */ - position?: string | undefined; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets 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-alpha'?: number | undefined; + 'shadow-alpha'?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'shadow-angle'?: number | undefined; + 'shadow-angle'?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ @@ -19230,7 +19230,7 @@ declare namespace zingchart { * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ - 'shadow-color'?: string | undefined; + 'shadow-color'?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ @@ -19239,11 +19239,11 @@ declare namespace zingchart { * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -19251,155 +19251,155 @@ declare namespace zingchart { /** * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'wrap-text'?: boolean | undefined; + 'wrap-text'?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'z-index'?: number | undefined; - } | undefined; + 'z-index'?: number; + }; 'trend-down'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'trend-equal'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'trend-up'?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string | undefined; + 'background-color'?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | undefined; + 'border-width'?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string | undefined; + 'line-color'?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | undefined; - } | undefined; + 'line-width'?: number; + }; 'value-box'?: { /** * 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 comp * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | * 0.9 | ... */ - alpha?: number | undefined; + alpha?: number; /** * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a * counterclockwise direction. -90 | 270 | 180 | ... */ - angle?: number | undefined; + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string | undefined; + 'background-color'?: string; /** * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string | undefined; + 'background-color-1'?: string; /** * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string | undefined; + 'background-color-2'?: string; /** * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ - 'background-fit'?: string | undefined; + 'background-fit'?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'background-image'?: string | undefined; + 'background-image'?: string; /** * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . * .. */ - 'background-position'?: string | undefined; + 'background-position'?: string; /** * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string | undefined; + 'background-repeat'?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-alpha'?: number | undefined; + 'border-alpha'?: number; /** * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string | undefined; + 'border-color'?: string; /** * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . @@ -19408,19 +19408,19 @@ declare namespace zingchart { /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ - callout?: boolean | undefined; + callout?: boolean; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - decimals?: number | undefined; + decimals?: number; /** * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'decimals-separator'?: string | undefined; + 'decimals-separator'?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'fill-angle'?: number | undefined; + 'fill-angle'?: number; /** * Sets an X offset to apply to the object. 5 | "10px" | ... */ @@ -19432,42 +19432,42 @@ declare namespace zingchart { /** * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ - 'fill-type'?: string | undefined; + 'fill-type'?: string; /** * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ - 'font-color'?: string | undefined; + 'font-color'?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'font-family'?: string | undefined; + 'font-family'?: string; /** * Sets the font size of the object. 4 | "6px" | ... */ - 'font-size'?: string | undefined; + 'font-size'?: string; /** * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" */ - 'font-style'?: string | undefined; + 'font-style'?: string; /** * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" */ - 'font-weight'?: string | undefined; + 'font-weight'?: string; /** * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works * with output svg. "#f00 #0f0 #00f" | ... */ - 'gradient-colors'?: string | undefined; + 'gradient-colors'?: string; /** * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu * te. Works with output svg. "0.1 0.5 0.9" | ... */ - 'gradient-stops'?: string | undefined; + 'gradient-stops'?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-style'?: string | undefined; + 'line-style'?: string; /** * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ @@ -19488,30 +19488,30 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean | undefined; + 'rtl (right-to-left)'?: boolean; /** * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean | undefined; + shadow?: boolean; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-alpha'?: number | undefined; + 'text-alpha'?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'thousands-separator'?: string | undefined; + 'thousands-separator'?: string; /** * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... */ - type?: string | undefined; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean | undefined; - } | undefined; + visible?: boolean; + }; values?: any; } } From ded53649af921a920313b344fe19bbb1b06be65f Mon Sep 17 00:00:00 2001 From: jphung Date: Tue, 7 Sep 2021 09:56:24 -0700 Subject: [PATCH 34/86] Updated definition author --- types/zingchart/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 59193fd7611038..766bd08b0aa430 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -1,6 +1,6 @@ // Type definitions for zingchart 2.8 // Project: https://github.com/zingchart -// Definitions by: Mike Schultz +// Definitions by: Jeanette Phung // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 3.3 // Minimum TypeScript Version: 3.7 From 4080c3a0ce43044496d0d286de7dc3b622058f29 Mon Sep 17 00:00:00 2001 From: jphung Date: Wed, 15 Sep 2021 13:42:33 -0700 Subject: [PATCH 35/86] Added camel-case version of attributes --- types/zingchart/es6/index.d.ts | 28436 ++++++++++++++++++++------- types/zingchart/zingchart-tests.ts | 6 +- 2 files changed, 20908 insertions(+), 7534 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 10ecd7539f5e23..dfc911972369da 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -37,347 +37,6391 @@ declare namespace zingchart { history?: history; refresh?: refresh; } - interface globals { + interface noData { /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-radius'?: number; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-width'?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the font size of the object. 12 | "20px" | ... + * Sets the text's font size. 4 | "6px" | ... */ - 'font-size'?: number; + 'font-size'?: any; + fontSize?: any; /** - * Sets the font weight of the object. "normal" | "bold" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * 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" | ... */ - 'line-color'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + * 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" | ... */ - 'line-style'?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: number; + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; } - interface graphset { + interface pageStatus { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'background-color'?: string; + angle?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets 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)" | ... */ - 'border-radius'?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * 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)" | ... */ - 'border-width'?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - height?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'line-style'?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * The type of the chart "line" | "bar"... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - type?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - } - ]; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface valueBox { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + } + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + minorGuide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + minorTick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + } + ]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + } + ]; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + refLine?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + } + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + minorGuide?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + minorTick?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + refLine?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + } + interface scaleY { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + itemsOverlap?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + sizeFactor?: string; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + } + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + minorGuide?: { + /** + * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'minor-tick'?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + minorTick?: { + /** + * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 + * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte + * d" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of minor tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'ref-line'?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + refLine?: { + /** + * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" + * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted + * " | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + } + interface globals { + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; + } + interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + } + ]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** @@ -389,28 +6433,34 @@ declare namespace zingchart { * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ 'line-gap-size'?: any; + lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ 'line-segment-size'?: any; + lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ 'reverse-series'?: boolean; + reverseSeries?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t * o use crosshairs across all charts simultaneously. true | false | 1 | 0 @@ -444,30 +6494,737 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + plotLabel?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'border-color'?: string; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} */ - 'border-width'?: number; + transform?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - size?: number; + underline?: boolean; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - type?: string; + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'plot-label'?: { + 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -480,34 +7237,42 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ bold?: boolean; /** @@ -515,19 +7280,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -535,51 +7304,56 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'clip-text'?: boolean; + 'callout-width'?: any; + calloutWidth?: any; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -589,53 +7363,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -650,25 +7437,17 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -679,22 +7458,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -704,41 +7487,49 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -755,6 +7546,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -767,8 +7559,9 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'scale-label'?: { + scaleLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -781,32 +7574,39 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. * true | false | 1 | 0 @@ -817,19 +7617,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -837,39 +7641,47 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -878,6 +7690,7 @@ declare namespace zingchart { * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -887,54 +7700,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -949,14 +7774,17 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -967,22 +7795,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -992,23 +7824,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ @@ -1017,16 +7854,19 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1043,6 +7883,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -1055,6 +7896,7 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; }; 'crosshair-x'?: { @@ -1072,28 +7914,34 @@ declare namespace zingchart { * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ 'line-gap-size'?: any; + lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ 'line-segment-size'?: any; + lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object. 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ 'reverse-series'?: boolean; + reverseSeries?: boolean; /** * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t * o use crosshairs across all charts simultaneously. true | false | 1 | 0 @@ -1127,15 +7975,18 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ 'border-width'?: number; + borderWidth?: number; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -1163,32 +8014,39 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ @@ -1198,19 +8056,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1218,39 +8080,47 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -1259,10 +8129,12 @@ declare namespace zingchart { * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -1272,53 +8144,65 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1333,11 +8217,13 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty @@ -1348,10 +8234,12 @@ declare namespace zingchart { * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -1362,22 +8250,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -1387,23 +8279,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ @@ -1412,16 +8309,19 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1438,6 +8338,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -1450,8 +8351,9 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'scale-label'?: { + plotLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -1464,35 +8366,41 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -1500,19 +8408,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1520,47 +8432,61 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -1570,54 +8496,65 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -1632,14 +8569,29 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -1650,22 +8602,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -1675,41 +8631,49 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -1726,6 +8690,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -1738,102 +8703,9 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - }; - 'crosshair-y'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { + 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -1846,34 +8718,42 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ bold?: boolean; /** @@ -1881,19 +8761,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -1901,51 +8785,56 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'clip-text'?: boolean; + 'callout-width'?: any; + calloutWidth?: any; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -1955,53 +8844,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2016,25 +8918,17 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -2045,22 +8939,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -2070,41 +8968,49 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -2121,6 +9027,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -2133,8 +9040,9 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'scale-label'?: { + scaleLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -2147,32 +9055,39 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. * true | false | 1 | 0 @@ -2183,19 +9098,23 @@ declare namespace zingchart { * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -2203,39 +9122,47 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -2244,6 +9171,7 @@ declare namespace zingchart { * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -2253,54 +9181,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2315,14 +9255,17 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -2333,22 +9276,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -2358,23 +9305,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ @@ -2383,16 +9335,19 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -2409,404 +9364,393 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - }; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + crosshairX?: { /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - separator?: string; + alpha?: number; /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - 'smart-scales'?: boolean; + exact?: boolean; /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - title?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - url?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'vertical-labels'?: boolean; - }; - heatmap?: { + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - alpha?: number; + 'line-style'?: string; + lineStyle?: string; /** - * TODO: description of async attribute true | false | 1 | 0 + * Sets the line width of the object. 4 | "6px" | ... */ - async?: boolean; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - blur?: number; + 'reverse-series'?: boolean; + reverseSeries?: boolean; /** - * Sets the type of blur shape. "circle" | "square" | ... + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - 'brush-typebrushType'?: string; + shared?: boolean; /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - composite?: boolean; + trigger?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" */ - size?: any; + type?: string; /** - * Sets whether or not the data is sorted. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'sort-datasortData'?: boolean; - graph?: { + visible?: boolean; + marker?: { /** - * Sets the key-scale value "scale-k" | "scale-v" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'key-scalekeyScale'?: string; + alpha?: number; /** - * Sets the value-scale value "scale-x" | "scale-y" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'val-scalevalScale'?: string; + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; }; - tooltip?: { + 'plot-label'?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; /** * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... + * 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-color'?: string; + borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - item?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - map?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - margin?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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" | ... */ - 'margin-bottom'?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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" | ... */ - 'margin-left'?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'margin-right'?: any; + height?: any; /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - 'margin-top'?: any; + italic?: boolean; /** * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -2816,36 +9760,66 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text of the tooltip. + * Sets the text content of the object. "Some Text" | ... */ - 'text'?: string; + text?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'thousands-separator'?: string; + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -2855,22 +9829,17 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; + wrapText?: boolean; }; - }; - images?: [ - { + plotLabel?: { /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - src?: string; + alpha?: number; /** * 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 se @@ -2878,45 +9847,65 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -2924,126 +9913,196 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'callout-position'?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-width'?: any; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - 'line-gap-size'?: any; + italic?: boolean; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * 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 "..." 5 | 10 | ... */ - 'line-segment-size'?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-style'?: string; + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . + * 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" | ... */ - position?: string; + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -3053,60 +10112,86 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text content of the object. "Some Text" | ... */ - visible?: boolean; + text?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - width?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - x?: any; + visible?: boolean; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - y?: any; + width?: any; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'z-index'?: number; - } - ]; - labels?: [ - { + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -3114,49 +10199,66 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -3164,179 +10266,150 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; /** * 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 "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -3347,22 +10420,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -3372,409 +10449,873 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ text?: string; /** * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; /** * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom * " */ - 'vertical-align'?: string; + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + scaleLabel?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - visible?: boolean; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - width?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'wrap-text'?: boolean; + 'fill-type'?: string; + fillType?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - x?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - y?: any; - 'callout-tip'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - } - ]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + 'crosshair-y'?: { /** - * Sets the object's right margin. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'margin-right'?: any; + alpha?: number; /** - * Sets the object's top margin. 4 | "6px" | ... + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - 'margin-top'?: any; + exact?: boolean; /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'max-items'?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets whether the legend can be minimized or not. + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - minimize?: boolean; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'offset-x'?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'offset-y'?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" + * Sets the line width of the object. 4 | "6px" | ... */ - overflow?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Reverses the items in the legend + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ 'reverse-series'?: boolean; + reverseSeries?: boolean; /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - shared?: any; + shared?: boolean; /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - 'toggle-action'?: string; + trigger?: string; /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" */ - 'vertical-align'?: string; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + plotLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -3787,49 +11328,65 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -3837,184 +11394,196 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ italic?: boolean; /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * 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 "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -4024,47 +11593,66 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -4074,11 +11662,12 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - header?: { + 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -4091,49 +11680,66 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ bold?: boolean; /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4141,181 +11747,180 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** - * Requires border-color. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - 'max-chars'?: number; + italic?: boolean; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * 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 "..." 5 | 10 | ... */ - 'max-width'?: any; + 'max-chars'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'padding-right'?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -4325,47 +11930,66 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -4375,44 +11999,17 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - }; - 'item-off'?: { + scaleLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -4420,45 +12017,66 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4466,153 +12084,372 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-style'?: string; + width?: any; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'font-weight'?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + crosshairY?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * 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" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'gradient-colors'?: string; + alpha?: number; /** - * 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" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'gradient-stops'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - height?: any; + 'border-color'?: string; + borderColor?: string; /** - * 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 "..." 5 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'max-chars'?: number; + 'border-width'?: number; + borderWidth?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'offset-x'?: any; + size?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - 'offset-y'?: any; + type?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - width?: any; + visible?: boolean; }; - item?: { + 'plot-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -4620,45 +12457,65 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -4666,156 +12523,265 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - 'callout-width'?: any; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ - cursor?: string; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; /** * 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 "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + * 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" | ... */ - 'show-line'?: boolean; + padding?: any; /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'show-marker'?: boolean; + underline?: boolean; /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'toggle-action'?: string; + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -4825,30 +12791,12 @@ declare namespace zingchart { */ width?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - y?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; + plotLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -4861,253 +12809,262 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'fill-angle'?: number; + 'border-left'?: string; + borderLeft?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'fill-offset-x'?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-y'?: any; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-type'?: string; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * 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" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'gradient-colors'?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * 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" | ... + * 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 | ... */ - 'gradient-stops'?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-color'?: string; + 'border-right'?: string; + borderRight?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'line-gap-size'?: any; + 'border-top'?: string; + borderTop?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'line-segment-size'?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'line-style'?: string; + callout?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'line-width'?: any; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 */ - shadow?: boolean; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets 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 | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-alpha'?: number; + color?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'shadow-angle'?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'shadow-blur'?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'shadow-color'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'shadow-distance'?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - size?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - visible?: boolean; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - 'page-off'?: { + 'font-color'?: string; + fontColor?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - alpha?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - angle?: number; + 'font-size'?: any; + fontSize?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ - 'background-color'?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets 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)" | ... + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'background-color-1'?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the first 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)" | ... + * 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" | ... */ - 'background-color-2'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * 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" | ... */ - 'background-fit'?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-image'?: string; + height?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - 'background-position'?: string; + italic?: boolean; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * 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 "..." 5 | 10 | ... */ - 'background-repeat'?: string; + 'max-chars'?: number; + maxChars?: number; /** - * 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)" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-color'?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 */ - 'border-width'?: any; + multiple?: boolean; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'fill-angle'?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * 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" | ... */ - 'fill-offset-y'?: any; + padding?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'fill-type'?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * 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" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'gradient-colors'?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * 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" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'gradient-stops'?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'offset-x'?: any; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'offset-y'?: any; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -5117,38 +13074,86 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'page-on'?: { + 'scale-label'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -5156,75 +13161,247 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets the first 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)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -5234,38 +13411,86 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'page-status'?: { + scaleLabel?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; + alpha?: number; /** * 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 se @@ -5273,49 +13498,66 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -5323,134 +13565,132 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ italic?: boolean; /** @@ -5458,1463 +13698,1746 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; + maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; + rtl?: boolean; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'font-size'?: string; + shadow?: boolean; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets 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 | ... */ - 'font-style'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'font-weight'?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - height?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - padding?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - sticky?: boolean; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'text-alpha'?: number; + 'text-align'?: string; + textAlign?: string; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - timeout?: number; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - width?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} */ - 'wrap-text'?: boolean; - }; - }; - 'media-rules'?: [ - { + transform?: any; /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'max-height'?: number; + underline?: boolean; /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'max-width'?: number; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'min-height'?: number; + visible?: boolean; /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'min-width'?: number; + width?: any; /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - visible?: boolean; - } - ]; - 'no-data'?: { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + csv?: { /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] */ - 'rtl (right-to-left)'?: boolean; + columns?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... */ - shadow?: boolean; + 'data-string'?: string; + dataString?: string; /** - * Sets 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 | ... + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 */ - 'shadow-alpha'?: number; + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 */ - 'shadow-angle'?: number; + mirrored?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... */ - 'shadow-blur'?: any; + 'row-separator'?: string; + rowSeparator?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 */ - 'shadow-color'?: string; + 'separate-scales'?: boolean; + separateScales?: boolean; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... */ - 'shadow-distance'?: any; + separator?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 */ - text?: string; + 'smart-scales'?: boolean; + smartScales?: boolean; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 */ - 'text-align'?: string; + title?: boolean; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... */ - 'text-alpha'?: number; + url?: string; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 */ - 'text-decoration'?: string; + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - underline?: boolean; + alpha?: number; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * TODO: description of async attribute true | false | 1 | 0 */ - url?: string; + async?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the blur radius of the heatmap regions. 10 | 20 | ... */ - visible?: boolean; + blur?: number; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the type of blur shape. "circle" | "square" | ... */ - width?: any; + 'brush-typebrushType'?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the blur shapes to composite or not. true | false | 1 | 0 */ - 'wrap-text'?: boolean; + composite?: boolean; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - x?: any; + size?: any; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether or not the data is sorted. true | false | 1 | 0 */ - y?: any; + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text of the tooltip. + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; }; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + } + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; /** - * To set the text of the button 3m | 2015 | all + * 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)" | ... */ - text?: string; + 'border-color'?: string; + borderColor?: string; /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - type?: string; + 'border-left'?: string; + borderLeft?: string; /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - count?: any; - }; - 'context-menu'?: { + 'border-radius'?: any; + borderRadius?: any; /** - * To set the visibility of the object. true | false + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - } - ]; - }; - indicator?: { + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * To set the visibility of the object. true | false + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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" | ... */ - alpha?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-color'?: string; + height?: any; /** - * Sets the border 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)' | ... + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... */ - 'border-color'?: string; + hook?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - 'border-radius'?: number; + italic?: boolean; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Prevents hooked labels from showing outside of the plotarea none | xy */ - 'border-width'?: number; + limit?: string; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'font-family'?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * 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 "..." 5 | 10 | ... */ - padding?: number; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; - 'hover-state'?: { + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number; + borderWidth?: number; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'font-color'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-style'?: string; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the size of the object. 4 | "6px" | ... */ - padding?: number; + size?: number; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" */ - 'text-alpha'?: number; + type?: string; }; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; + calloutTip?: { /** - * Sets the font weight of the object. "normal" | "bold" + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'font-weight'?: string; + alpha?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'line-style'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - padding?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - text?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'text-alpha'?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the visibility of the object. true | false (default) + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: [ - { + 'line-width'?: number; + lineWidth?: number; /** - * To set the word count. 5 | 20 | 100 | ... + * Sets the size of the object. 4 | "6px" | ... */ - count?: any; + size?: number; /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" */ - text?: string; - } - ]; - }; - plot?: { + type?: string; + }; + } + ]; + legend?: { /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 */ - alpha?: number; + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" */ - aspect?: string; + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - /** - * 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-color'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * Turns off click on slices - */ - detached?: boolean; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * 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)" | ... */ - 'fill-angle'?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'fill-offset-x'?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'fill-offset-y'?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'fill-type'?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - goals?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... */ - 'gradient-colors'?: string; + 'border-bottom'?: string; + borderBottom?: 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" | ... + * 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)" | ... */ - 'gradient-stops'?: string; + 'border-color'?: string; + borderColor?: string; /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'group-selections'?: boolean; + 'border-left'?: string; + borderLeft?: string; /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... */ - join?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'legend-text'?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-color'?: string; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-gap-size'?: any; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... + * 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 | ... */ - 'line-segment-size'?: any; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-style'?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'line-width'?: any; + 'border-top'?: string; + borderTop?: string; /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'max-nodes'?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'max-ratio'?: number; + callout?: boolean; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... */ - 'max-size'?: number; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'max-trackers'?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'mid-point'?: boolean; + 'callout-hook'?: any; + calloutHook?: any; /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ - 'min-ratio'?: number; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'min-size'?: number; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... */ - monotone?: boolean; + 'callout-width'?: any; + calloutWidth?: any; /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + * Sets legend to be collapsed by default true | false | 1 | 0 */ - multiplier?: boolean; + collapse?: boolean; /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" */ - negation?: string; + 'drag-handler'?: string; + dragHandler?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets whether the legend can be dragged or not. true | false | 1 | 0 */ - 'offset-x'?: any; + draggable?: boolean; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'offset-y'?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Pie Charts Only: Use this to transform the shape of the pie slices. + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'pie-transformpieTransform'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'ref-angle'?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - reference?: string; + 'fill-type'?: string; + fillType?: string; /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. * . */ - 'sampling-step'?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... */ - scales?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - scaling?: string; + height?: any; /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 */ - 'scroll-step-multiplier'?: number; + 'highlight-plot'?: boolean; + highlightPlot?: boolean; /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" */ - 'segment-trackers'?: boolean; + layout?: string; /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'smart-sampling'?: boolean; + margin?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the object's bottom margin. 4 | "6px" | ... */ - shadow?: boolean; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets 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 | ... + * Sets the object's left margin. 4 | "6px" | ... */ - 'shadow-alpha'?: number; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the object's right margin. 4 | "6px" | ... */ - 'shadow-angle'?: number; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's top margin. 4 | "6px" | ... */ - 'shadow-blur'?: any; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... */ - 'shadow-color'?: string; + 'max-items'?: number; + maxItems?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets whether the legend can be minimized or not. */ - 'shadow-distance'?: any; + minimize?: boolean; /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... */ - short?: boolean; + 'offset-x'?: any; + offsetX?: any; /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... */ - 'short-unit'?: string; + 'offset-y'?: any; + offsetY?: any; /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" */ - 'show-zero'?: boolean; + overflow?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + * Reverses the items in the legend */ - 'size-factor'?: number; + 'reverse-series'?: boolean; + reverseSeries?: boolean; /** - * Hole size in middle of chart + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. */ - slice?: number; + position?: string; /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'slice-start'?: number; + shadow?: boolean; /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... */ - stack?: number; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - stacked?: boolean; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'step-start'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - target?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the thickness of pie3d charts. 5 | 10 | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - thickness?: number; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 */ - 'thousands-separator'?: string; + shared?: any; /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " */ - 'tooltip-text'?: string; + 'toggle-action'?: string; + toggleAction?: string; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" */ - url?: string; + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-end'?: number; + width?: any; /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: { + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -6922,200 +15445,279 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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)" | ... + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-width'?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'fill-angle'?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-x'?: any; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-y'?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-type'?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * 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" | ... + * 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 | ... */ - 'gradient-colors'?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * 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" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'gradient-stops'?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'offset-x'?: any; + 'border-top'?: string; + borderTop?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... */ - 'offset-y'?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - shadow?: boolean; + callout?: boolean; /** - * Sets 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 | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'shadow-alpha'?: number; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'shadow-angle'?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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] | ... */ - 'shadow-blur'?: any; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'shadow-color'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'shadow-distance'?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - size?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Clips the text to a specified width. Requires width. true | false | 1 | 0 */ - type?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... */ - visible?: boolean; + color?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - x?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... */ - y?: any; - }; - 'background-state'?: { + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... */ - angle?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - alpha?: number; + 'fill-type'?: string; + fillType?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... */ - 'background-color'?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets 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)" | ... + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'background-color-1'?: string; + 'font-color'?: string; + fontColor?: 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)" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'background-color-2'?: string; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... */ - 'background-fit'?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" */ - 'background-image'?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" */ - 'background-position'?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-repeat'?: string; + 'max-width'?: any; + maxWidth?: any; /** - * 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)" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'border-color'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'border-width'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'fill-angle'?: number; + padding?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... */ - 'fill-offset-x'?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... */ - 'fill-type'?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * 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" | ... + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... */ - 'gradient-colors'?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * 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" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'gradient-stops'?: string; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -7125,327 +15727,353 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; + shadowDistance?: any; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... */ - size?: any; - }; - errors?: [{}]; - goal?: { + text?: string; /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" */ - alpha?: number; + 'text-align'?: string; + textAlign?: string; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... */ - 'background-color'?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" */ - 'border-color'?: any; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 */ - 'border-radius'?: number; + underline?: boolean; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" */ - 'border-width'?: number; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the height of the object. 10 | "20px" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - height?: number; + visible?: boolean; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-style'?: string; + width?: any; /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 */ - width?: number; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'guide-label'?: { + header?: { /** * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object. "none" | "italic" + * Sets 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)" | ... */ - 'font-style'?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the font weight of the object. "none" | "bold" + * 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)" | ... */ - 'font-weight'?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'line-style'?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - padding?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - text?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - visible?: boolean; - }; - 'highlight-marker'?: { + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 */ - alpha?: number; + bold?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Defaults to black if border-color is not set. "2px solid #f00" | ... */ - 'background-color'?: string; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'border-color'?: string; + borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - alpha?: number; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'background-color'?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-color'?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-width'?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-color'?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * 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 | ... */ - 'line-style'?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-width'?: number; - }; - 'hover-marker'?: { + 'border-right'?: string; + borderRight?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - alpha?: number; + 'border-top'?: string; + borderTop?: string; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Requires border-color. 4 | "6px" | ... */ - angle?: number; + 'border-width'?: any; + borderWidth?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-color'?: string; + callout?: boolean; /** - * Sets 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)" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-color-1'?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the first 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)" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-color-2'?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * 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] | ... */ - 'background-fit'?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-image'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'background-position'?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'callout-width'?: any; + calloutWidth?: any; /** - * 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)" | ... + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 */ - 'border-color'?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... */ - 'border-width'?: any; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-gap-size'?: any; + height?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 */ - 'line-segment-size'?: any; + italic?: boolean; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'line-style'?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: any; + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + paddingRight?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -7455,49 +16083,108 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... */ - size?: any; + text?: string; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" */ - type?: string; + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'hover-state'?: { + icon?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'alpha-area'?: number; + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -7505,756 +16192,876 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * 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)" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'border-color'?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'border-width'?: any; + 'callout-width'?: any; + calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: 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" | ... + * 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 | ... */ - 'gradient-stops'?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ - 'line-color'?: string; + 'font-color'?: string; + fontColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'line-gap-size'?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ - 'line-segment-size'?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'line-style'?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'line-width'?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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" | ... */ - shadow?: boolean; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets 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 | ... + * 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" | ... */ - 'shadow-alpha'?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-angle'?: number; + height?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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 "..." 5 | 10 | ... */ - 'shadow-blur'?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'shadow-color'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'shadow-distance'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - }; - 'legend-item'?: { + width?: any; + itemOff?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; + borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'gradient-stops'?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - height?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - italic?: boolean; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> */ - margin?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'margin-bottom'?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'margin-left'?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * 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 | ... */ - 'margin-right'?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ - 'margin-top'?: any; + 'font-color'?: string; + fontColor?: string; /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'max-chars'?: number; + 'font-family'?: string; + fontFamily?: string; /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's font size. 4 | "6px" | ... */ - 'max-width'?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'offset-x'?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'offset-y'?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + * 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" | ... */ - order?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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" | ... */ - padding?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-bottom'?: any; + height?: any; /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... + * 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 "..." 5 | 10 | ... */ - 'padding-left'?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'padding-right'?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'padding-top'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'rtl (right-to-left)'?: boolean; + width?: any; + }; + item?: { /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'shadow-alpha'?: number; + angle?: number; /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... + * Sets 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)" | ... */ - 'shadow-blur'?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'shadow-color'?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'shadow-distance'?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - size?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - text?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'text-align'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'text-alpha'?: number; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + * 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)" | ... */ - 'text-decoration'?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - underline?: boolean; + 'border-left'?: string; + borderLeft?: string; /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'vertical-align'?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - width?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'wrap-text'?: boolean; - }; - 'legend-marker'?: { + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + * 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 | ... */ - alpha?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - angle?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'background-color'?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'background-color-1'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-color-2'?: string; + callout?: boolean; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-fit'?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-image'?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + * 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] | ... */ - 'background-position'?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'border-color'?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'border-width'?: any; + 'callout-width'?: any; + calloutWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ cursor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - size?: any; + 'show-line'?: boolean; + showLine?: boolean; /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... + * Sets the visibility of the legend item's marker. true | false | 1 | 0 */ - type?: string; + 'show-marker'?: boolean; + showMarker?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ x?: any; /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; }; marker?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 */ - alpha?: number; + 'show-line'?: boolean; + showLine?: boolean; /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" */ - angle?: number; + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; + borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - map?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'offset-x'?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'offset-y'?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -8264,100 +17071,130 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; }; - rules?: [ - { + highlightState?: { /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - rule?: string; - } - ]; - 'selected-marker'?: { + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + }; + 'page-off'?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** @@ -8371,71 +17208,92 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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)" | ... + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -8445,50 +17303,43 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; + shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; }; - 'selected-state'?: { + pageOff?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -8496,71 +17347,92 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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)" | ... + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-color'?: string; + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -8570,339 +17442,485 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; }; - tooltip?: { + 'page-on'?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... + * 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-color'?: string; + borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-radius-bottom-left'?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'border-radius-bottom-right'?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'border-radius-top-left'?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'border-radius-top-right'?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'border-right'?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * 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" | ... */ - 'border-top'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * 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" | ... */ - 'border-width'?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - callout?: boolean; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'callout-extension'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'callout-height'?: any; + shadow?: boolean; /** - * 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. For graph plot tooltip. [200, 50] | ... + * Sets 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 | ... */ - 'callout-hook'?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'callout-offset'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'callout-position'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'callout-width'?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'clip-text'?: boolean; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - color?: string; + visible?: boolean; + }; + pageOn?: { /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - decimals?: number; + alpha?: number; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'decimals-separator'?: string; + angle?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'fill-angle'?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets 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)" | ... */ - 'fill-offset-x'?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets the first 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)" | ... */ - 'fill-offset-y'?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'fill-type'?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'font-angle'?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'font-color'?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'font-family'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... + * 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)" | ... */ - 'font-size'?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'font-style'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'font-weight'?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'gradient-colors'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'gradient-stops'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - height?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * 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" | ... */ - item?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * 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" | ... */ - map?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - margin?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'margin-bottom'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'margin-left'?: any; + shadow?: boolean; /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets 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 | ... */ - 'margin-right'?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'margin-top'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'max-chars'?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'max-width'?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'offset-x'?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'offset-y'?: any; + visible?: boolean; + }; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - padding?: any; + alpha?: number; /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'padding-bottom'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'padding-left'?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'padding-right'?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'padding-top'?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - placement?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - position?: string; + 'font-color'?: string; + fontColor?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'rtl (right-to-left)'?: boolean; + 'font-family'?: string; + fontFamily?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the font size of the object text. 12 | "20px" | ... */ - shadow?: boolean; + 'font-size'?: string; + fontSize?: string; /** - * Sets 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 | ... + * Sets the font style of the object text. "normal" | "italic" */ - 'shadow-alpha'?: number; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the font weight of the object text. "normal" | "bold" */ - 'shadow-angle'?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-blur'?: any; + height?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the padding around the object text. "10%" | "25px" ... */ - 'shadow-color'?: string; + padding?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - 'shadow-distance'?: any; + sticky?: boolean; /** - * Sets the text content of the object. "Some Text" | ... + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." */ text?: string; /** @@ -8910,251 +17928,416 @@ declare namespace zingchart { * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - 'thousands-separator'?: string; + timeout?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; + width?: number; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - width?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; + 'media-rules'?: [ + { /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the maximum chart height in pixels. 600 | 400 | 300 */ - 'wrap-text'?: boolean; + 'max-height'?: number; + maxHeight?: number; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the maximum chart width in pixels. 1000 | 800 | 600 */ - 'z-index'?: number; - }; - trend?: { + 'max-width'?: number; + maxWidth?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the minimum chart height in pixels. 600 | 400 | 300 */ - alpha?: number; + 'min-height'?: number; + minHeight?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the minimum chart width in pixels. 1000 | 800 | 600 */ - 'background-color'?: string; + 'min-width'?: number; + minWidth?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false */ - 'border-color'?: string; + visible?: boolean; + } + ]; + 'no-data'?: noData; + noData?: noData; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + colorType?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + maxFontSize?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + maxItems?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + minFontSize?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + minLength?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + stepAngle?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + stepRadius?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * To set the text of the button 3m | 2015 | all */ - 'border-width'?: number; + text?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * To set multiplier for count ytd | all | year | month | week | day | hour | minute */ - 'line-color'?: string; + type?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 */ - 'line-width'?: number; + count?: any; + }; + 'context-menu'?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + } + ]; + }; + contextMenu?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + } + ]; + }; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; }; - 'value-box'?: { + style?: { /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border 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-color'?: string; + borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'fill-type'?: string; + 'border-radius'?: number; + borderRadius?: number; /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'font-color'?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; + lineStyle?: string; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - text?: string; + padding?: number; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ 'text-alpha'?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { + textAlpha?: number; + 'hover-state'?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'line-color'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; /** - * Sets the line width of the object. 4 | "6px" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'line-width'?: any; + 'text-alpha'?: number; + textAlpha?: number; }; - joined?: { + hoverState?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** @@ -9163,39 +18346,49 @@ declare namespace zingchart { * , 15, 15)' | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the border 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-color'?: string; + borderColor?: string; /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ 'border-radius'?: number; + borderRadius?: number; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: number; + borderWidth?: number; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-color'?: string; + 'font-color'?: any; + fontColor?: any; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'font-size'?: number; + 'line-style'?: string; + lineStyle?: string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ padding?: number; /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - text?: string; + 'text-alpha'?: number; + textAlpha?: number; }; - shared?: { + tooltip?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** @@ -9203,95 +18396,214 @@ declare namespace zingchart { * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 * , 15, 15)' | ... */ - 'background-color'?: string; + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-color'?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'border-radius'?: number; + padding?: number; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... */ - 'border-width'?: number; + text?: any; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'font-color'?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the visibility of the object. true | false (default) */ - 'font-size'?: number; + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * To set the word count. 5 | 20 | 100 | ... */ - padding?: number; + count?: any; /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + * To set the word. "Flowers" | "Freesia" | "Peony" | ... */ text?: string; - }; - }; + } + ]; }; - plotarea?: { + plot?: { /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - 'adjust-layout'?: boolean; + alpha?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - alpha?: number; + aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; + backgroundColor1?: 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)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - 'border-bottom'?: string; + 'band-space'?: number; + bandSpace?: number; /** - * 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)" | ... + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" */ - 'border-color'?: string; + 'bar-max-width'?: number; + barMaxWidth?: number; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'border-left'?: string; + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + barWidth?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -9299,174 +18611,320 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * Turns off click on slices + */ + detached?: boolean; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; /** - * 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" | ... + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - 'gradient-colors'?: string; + 'max-trackers'?: number; + maxTrackers?: number; /** - * 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" | ... + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'gradient-stops'?: string; + 'mid-point'?: boolean; + midPoint?: boolean; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - height?: any; + 'min-ratio'?: number; + minRatio?: number; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - item?: string; + 'min-size'?: number; + minSize?: number; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - map?: string; + monotone?: boolean; /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - margin?: any; + multiplier?: boolean; /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" */ - 'margin-bottom'?: any; + negation?: string; /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'margin-left'?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'margin-right'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * Pie Charts Only: Use this to transform the shape of the pie slices. */ - 'margin-top'?: any; + 'pie-transformpieTransform'?: string; /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'margin-bottom-offset'?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" */ - 'margin-left-offset'?: any; + reference?: string; /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . */ - 'margin-right-offset'?: any; + 'sampling-step'?: number; + samplingStep?: number; /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - 'margin-top-offset'?: any; + scales?: string; /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" */ - 'mask-tolerance'?: number; + scaling?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... */ - 'offset-x'?: any; + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false */ - 'offset-y'?: any; + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false */ - position?: string; + 'smart-sampling'?: boolean; + smartSampling?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -9476,1930 +18934,2664 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 */ - x?: any; + short?: boolean; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" */ - y?: any; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 */ - 'z-index'?: number; - }; - preview?: { + 'show-zero'?: boolean; + showZero?: boolean; /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'adjust-layout'?: boolean; + 'size-factor'?: number; + sizeFactor?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Hole size in middle of chart */ - alpha?: number; + slice?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'background-color'?: string; + 'slice-start'?: number; + sliceStart?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... */ - 'border-color'?: string; + stack?: number; /** - * Sets the border width of the object. 4 | "6px" | ... + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - 'border-width'?: any; + stacked?: boolean; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - height?: any; + 'step-start'?: string; + stepStart?: string; /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - live?: boolean; + target?: string; /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the thickness of pie3d charts. 5 | 10 | ... */ - margin?: any; + thickness?: number; /** - * Sets the minimum width of preview's active area. 5 | 10 | ... + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'min-distance'?: number; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... */ - position?: string; + 'tooltip-text'?: string; + tooltipText?: string; /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - 'preserve-zoom'?: boolean; + url?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - width?: any; + visible?: boolean; /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ - x?: any; + 'z-end'?: number; + zEnd?: number; /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ - y?: any; - active?: { + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + onLegendToggle?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + backgroundMarker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + backgroundState?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - alpha?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" */ - 'background-color'?: string; + width?: number; }; - handle?: { + 'guide-label'?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-bottom'?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'border-color'?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-left'?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'border-radius'?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... + * Sets the font size of the object. 4 | "6px" | ... */ - 'border-right'?: any; + 'font-size'?: string; + fontSize?: string; /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... + * Sets the font style of the object. "none" | "italic" */ - 'border-top'?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the font weight of the object. "none" | "bold" */ - 'border-width'?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - height?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - width?: any; + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; }; - label?: { + guideLabel?: { /** * 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 comp - * letely 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 | ... + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... */ - angle?: number; + 'background-color'?: string; + 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)" | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; + 'border-color'?: string; + borderColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'background-color-1'?: string; + 'border-width'?: number; + borderWidth?: number; /** - * 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)" | ... + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color-2'?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'background-fit'?: string; + 'font-family'?: string; + fontFamily?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the font size of the object. 4 | "6px" | ... */ - 'background-image'?: string; + 'font-size'?: string; + fontSize?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the font style of the object. "none" | "italic" */ - 'background-position'?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the font weight of the object. "none" | "bold" */ - 'background-repeat'?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * 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 + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - bold?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'border-bottom'?: string; + padding?: any; /** - * 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)" | ... + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-left'?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-radius'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'border-radius-bottom-left'?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'border-radius-bottom-right'?: any; + 'line-width'?: number; + lineWidth?: number; + }; + highlightMarker?: { /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'border-radius-top-left'?: any; + alpha?: number; /** - * 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'border-radius-top-right'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-right'?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-top'?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: any; + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + } + highlightState?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - callout?: boolean; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'callout-extension'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'callout-height'?: any; + 'line-style'?: string; + lineStyle?: string; /** - * 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] | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'callout-hook'?: any; + 'line-width'?: number; + lineWidth?: number; + }; + 'hover-marker'?: { /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'callout-offset'?: any; + alpha?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'callout-position'?: string; + angle?: number; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-width'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * Sets 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)" | ... */ - 'clip-text'?: boolean; + 'background-color-1'?: string; + backgroundColor1?: 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)" | ... + * Sets the first 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)" | ... */ - color?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * 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 - * | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'fill-angle'?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'fill-offset-x'?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'fill-offset-y'?: any; + 'background-position'?: string; + backgroundPosition?: 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" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'fill-type'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 | ... + * 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)" | ... */ - 'font-angle'?: number; + 'border-color'?: string; + borderColor?: 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)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'font-color'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'font-family'?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'font-size'?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'font-style'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'font-weight'?: string; + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * 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%" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - height?: any; + 'line-color'?: string; + lineColor?: string; /** - * 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 + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - italic?: boolean; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'lock-rotation'?: boolean; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * 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 | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'max-chars'?: number; + 'line-style'?: string; + lineStyle?: string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'max-width'?: any; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'padding-right'?: any; + shadow?: boolean; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets 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 | ... */ - 'padding-top'?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'rtl (right-to-left)'?: boolean; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - text?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'text-align'?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'text-alpha'?: number; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'text-decoration'?: string; + size?: any; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - underline?: boolean; + type?: string; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; }; - mask?: { + hoverMarker?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - }; - }; - 'scale-k'?: { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - alpha?: number; + angle?: number; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets 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)" | ... */ - 'line-style'?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the first 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)" | ... */ - 'line-width'?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the visibility of the object. true | false + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - } - ]; - }; - item?: { + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - alpha?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the angle of the object. -45 | 30 | 120 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - angle?: number - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-color'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the border 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)' | ... + * 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-color'?: string; + borderColor?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-radius'?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'border-width'?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'font-color'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'font-family'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'font-size'?: number; + 'fill-type'?: string; + fillType?: string; /** - * Sets the font style of the object. 'italic' | 'normal' + * 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" | ... */ - 'font-style'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the font weight of the object. 'bold' | 'normal' + * 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" | ... */ - 'font-weight'?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the padding of the object 3 | '5px' | '10px' | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - padding?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'text-alpha'?: number; - }; - tick?: { + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - alpha?: number; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'line-color'?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-style'?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the line width of the object. 4 | '6px' | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-width'?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - placement?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the size of the object. 4 | '6px' | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - size?: number; + shadow?: boolean; /** - * Sets the visibility of the object. true | false + * Sets 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 | ... */ - visible?: boolean; - }; - tooltip?: { + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - alpha?: number; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'background-color'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'border-alpha'?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'border-color'?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'border-radius'?: any; + size?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - 'border-width'?: number; + type?: string; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'font-color'?: string; + visible?: boolean; + }; + 'hover-state'?: { /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'font-family'?: string; + alpha?: number; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... */ - 'font-size'?: string; + 'alpha-area'?: number; + alphaArea?: number; /** - * Sets the font style of the object text. "normal" | "italic" + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-style'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets 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)" | ... */ - 'font-weight'?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * 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)" | ... */ - height?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - padding?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - sticky?: boolean; + 'background-image'?: string; + backgroundImage?: string; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - text?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'text-alpha'?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * 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)" | ... */ - timeout?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - visible?: boolean; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - width?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'wrap-text'?: boolean; - }; - }; - 'scale-r'?: { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'background-color'?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the border 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)' | ... + * 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" | ... */ - 'border-color'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * 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" | ... */ - 'border-width'?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the size of the pivot point. 4 | "6px" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - size?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - type?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - x?: number; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the visibility of the object. true | false + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - visible?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - y?: number; - }; - guide?: { + 'line-width'?: any; + lineWidth?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - alpha?: number; + shadow?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets 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 | ... */ - 'background-color'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the line 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)' | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'line-color'?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'line-style'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'line-width'?: number; + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the visibility of the object. true | false + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; }; - item?: { + hoverState?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... */ - angle?: number; + 'alpha-area'?: number; + alphaArea?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets 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)" | ... */ - 'border-color'?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * 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)" | ... */ - 'border-radius'?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'border-width'?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'font-color'?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'font-family'?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'font-size'?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the font style of the object. 'italic' | 'normal' + * 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)" | ... */ - 'font-style'?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'font-weight'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - offsetR?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - padding?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'text-alpha'?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the visibility of the object. + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - visible?: boolean; - }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { + 'fill-type'?: string; + fillType?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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" | ... */ - alpha?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the line 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)' | ... + * 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number; - }; - 'minor-tick'?: { + 'line-width'?: any; + lineWidth?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - alpha?: number; + shadow?: boolean; /** - * Sets the line 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)' | ... + * Sets 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 | ... */ - 'line-color'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'line-style'?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'line-width'?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - placement?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the size of the object. 10 | '16px' | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - size?: number; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the visibility of the object. true | false + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; }; - ring?: { + 'legend-item'?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'background-color'?: string; + angle?: number; /** - * Sets the border 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)' | ... + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... */ - 'line-style'?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the size of the object. 30 | '40px' | ... + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - } - ]; - }; - tick?: { + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ - alpha?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the line 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)' | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'line-color'?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'line-style'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 */ - 'line-width'?: number; + bold?: boolean; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - placement?: string; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the size of the object. 30 | '40px' | ... + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - size?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the visibility of the object. true | false + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - visible?: boolean; - }; - }; - 'scale-v'?: { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { + 'border-left'?: string; + borderLeft?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... */ - alpha?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color'?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'line-color'?: string; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'line-style'?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'line-width'?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the visibility of the object. true | false + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - } - ]; - }; - item?: { + 'border-right'?: string; + borderRight?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - alpha?: number; + 'border-top'?: string; + borderTop?: string; /** - * Sets the angle of the object. -45 | 30 | 120 | ... + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... */ - angle?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ - 'background-color'?: string; + callout?: boolean; /** - * Sets the border 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)' | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-color'?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-radius'?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... */ - 'border-width'?: number; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'font-color'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - 'font-family'?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'font-size'?: number; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the font style of the object. 'italic' | 'normal' + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-style'?: string; + color?: string; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'font-weight'?: string; + cursor?: string; /** - * Sets the padding of the object 3 | '5px' | '10px' | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - padding?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'text-alpha'?: number; - }; - 'ref-line'?: { + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - 'line-color'?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - 'line-style'?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-width'?: number; + 'font-color'?: string; + fontColor?: string; /** - * Sets the visibility of the object. true | false + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - visible?: boolean; - }; - tick?: { + 'font-family'?: string; + fontFamily?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... */ - alpha?: number; + 'font-size'?: any; + fontSize?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" */ - 'line-color'?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" */ - 'line-style'?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the line width of the object. 4 | '6px' | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... */ - 'line-width'?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... */ - placement?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the size of the object. 4 | '6px' | ... + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - size?: number; + height?: any; /** - * Sets the visibility of the object. true | false + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ - visible?: boolean; - }; - tooltip?: { + italic?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - alpha?: number; + margin?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-color'?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-alpha'?: number; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-color'?: string; + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-radius'?: any; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-width'?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'font-color'?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... */ - 'font-family'?: string; + order?: any; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'font-size'?: string; + padding?: any; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'font-style'?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'font-weight'?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ - height?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... */ - padding?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - sticky?: boolean; + rtl?: boolean; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 */ - text?: string; + shadow?: boolean; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... */ - timeout?: number; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... */ - visible?: boolean; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - width?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... */ - 'wrap-text'?: boolean; - }; - }; - 'scale-x'?: { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - alpha?: number; + size?: any; /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... */ - 'background-color'?: string; + text?: string; /** - * Sets 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)" | ... + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ - 'background-color-1'?: string; + 'text-align'?: string; + textAlign?: 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)" | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ - 'background-color-2'?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ - 'line-color'?: string; + 'text-decoration'?: string; + textDecoration?: string; /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 */ - 'line-gap-size'?: any; + underline?: boolean; /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - 'line-segment-size'?: any; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets the visibility of the object. true | false | 1 | 0 */ - 'line-style'?: string; + visible?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: any; + width?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - } - ]; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - item?: { + legendItem?: { /** * 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 comp - * letely opaque. 0....1 + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... */ angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 */ bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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)" | ... + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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 | ... + * sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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] | ... + * top left corner of the chart.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** - * true | false | 1 | 0 + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'clip-text'?: boolean; + color?: string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - color?: string; + cursor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * 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 | ... + * will rotate the object by that number of degrees counter-clockwise. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ italic?: boolean; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'lock-rotation'?: boolean; + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; /** * 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 "..." 5 | 10 | ... + * the text is cut and appended with "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** - * 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" | ... + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ padding?: any; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** - * Sets the text content of the object. "Some Text" | ... + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - underline?: boolean; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false | 1 | 0 */ visible?: boolean; /** @@ -11407,1771 +21599,2001 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; - label?: { + 'legend-marker'?: { /** * 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 comp - * letely 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 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... */ angle?: number; /** - * 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)" | ... + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - bold?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... */ - 'border-bottom'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * 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)" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'border-color'?: string; + cursor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ - 'border-left'?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ - 'border-radius'?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ - 'border-radius-bottom-left'?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ - 'border-radius-bottom-right'?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... */ - 'border-radius-top-left'?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * 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 | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... */ - 'border-radius-top-right'?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ - 'border-right'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ - 'border-top'?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... */ - 'border-width'?: any; + size?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... */ - callout?: boolean; + type?: string; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ - 'callout-extension'?: any; + visible?: boolean; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'callout-height'?: any; + x?: any; /** - * 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] | ... + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'callout-hook'?: any; + y?: any; + }; + legendMarker?: { /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... */ - 'callout-offset'?: any; + alpha?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... */ - 'callout-position'?: string; + angle?: number; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-width'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'clip-text'?: boolean; + 'background-color-1'?: string; + backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * 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 - * | ... + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ - 'fill-angle'?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ - 'fill-offset-x'?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - 'fill-offset-y'?: any; + 'background-position'?: string; + backgroundPosition?: 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" + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'fill-type'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 | ... + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-angle'?: number; + 'border-color'?: string; + borderColor?: 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)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... */ - 'font-color'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'font-family'?: string; + cursor?: string; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ - 'font-size'?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ - 'font-style'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ - 'font-weight'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * 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" | ... + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... */ - 'gradient-stops'?: string; + size?: any; /** - * 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%" | ... + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... */ - height?: any; + type?: string; /** - * 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 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ - italic?: boolean; + visible?: boolean; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'lock-rotation'?: boolean; + x?: any; /** - * 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 | ... + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-chars'?: number; + y?: any; + }; + marker?: { /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... */ - 'max-width'?: any; + alpha?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - 'offset-x'?: any; + angle?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... */ - 'offset-y'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * 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" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - padding?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'padding-bottom'?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" */ - 'padding-left'?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... */ - 'padding-right'?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... */ - 'padding-top'?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" */ - 'rtl (right-to-left)'?: boolean; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - text?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'text-align'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'text-alpha'?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'text-decoration'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - underline?: boolean; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - visible?: boolean; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * 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" | ... */ - width?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * 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" | ... */ - 'wrap-text'?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - alpha?: number; + map?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-color'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-gap-size'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'line-segment-size'?: any; + shadow?: boolean; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets 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 | ... */ - 'line-style'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'line-width'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - visible?: boolean; - }; - 'minor-tick'?: { + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - alpha?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'line-color'?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'line-gap-size'?: any; + size?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - 'line-segment-size'?: any; + type?: string; /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'line-style'?: string; + visible?: boolean; /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: any; + x?: any; /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - placement?: string; + y?: any; /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - visible?: boolean; + 'z-index'?: number; + zIndex?: number; }; - 'ref-line'?: { + preview?: { /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'line-color'?: string; + 'alpha-area'?: number; + alphaArea?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'line-gap-size'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-segment-size'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; + lineStyle?: string; /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + * Sets the line width of the object. 2 | 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** - * Sets the visibility of the object. true | false | 1 | 0 + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ - visible?: boolean; + type?: string; }; rules?: [ { /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ rule?: string; } ]; - tick?: { + 'selected-marker'?: { /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'line-color'?: string; + angle?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-gap-size'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets 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)" | ... */ - 'line-segment-size'?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * 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)" | ... */ - 'line-style'?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'line-width'?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Determines the placement of tick marks along an axis line. inner | cross | outer + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - placement?: string; + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; }; - tooltip?: { + selectedMarker?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets 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)" | ... */ - 'border-alpha'?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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 | ... */ - 'border-color'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'border-radius'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'border-width'?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'font-color'?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'font-family'?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'font-size'?: string; + size?: any; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - 'font-style'?: string; + type?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'font-weight'?: string; + visible?: boolean; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: number; + x?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - padding?: number; + y?: any; + }; + 'selected-state'?: { /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - sticky?: boolean; + alpha?: number; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - text?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets 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)" | ... */ - 'text-alpha'?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * 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)" | ... */ - timeout?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - visible?: boolean; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - width?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: 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-color'?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - }; + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; }; - }; - 'scale-y'?: { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - guide?: { + selectedState?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'background-color'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets 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)" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'background-color-1'?: string; + 'fill-type'?: string; + fillType?: 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)" | ... + * 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" | ... */ - 'background-color-2'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * 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" | ... */ - 'line-color'?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-gap-size'?: any; + 'line-color'?: string; + lineColor?: string; /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'line-segment-size'?: any; + shadow?: boolean; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets 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 | ... */ - 'line-style'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'line-width'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - } - ]; + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; }; - item?: { + tooltip?: { /** * 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 comp - * letely opaque. 0....1 + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - bold?: boolean; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-bottom'?: string; + height?: any; /** - * 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)" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - 'border-color'?: string; + item?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'border-left'?: string; + map?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'border-radius'?: any; + margin?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'border-radius-bottom-left'?: any; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'border-radius-bottom-right'?: any; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'border-radius-top-left'?: any; + 'margin-right'?: any; + marginRight?: any; /** - * 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 | ... + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'border-radius-top-right'?: any; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'border-right'?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-top'?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - callout?: boolean; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'callout-extension'?: any; + padding?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... */ - 'callout-height'?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * 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] | ... + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ - 'callout-hook'?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ - 'callout-offset'?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ - 'callout-position'?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - 'callout-width'?: any; + placement?: string; /** - * true | false | 1 | 0 + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ - 'clip-text'?: boolean; + position?: string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - color?: string; + rtl?: boolean; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'fill-angle'?: number; + shadow?: boolean; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets 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 | ... */ - 'fill-offset-x'?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'fill-offset-y'?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'fill-type'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * 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 | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'font-angle'?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'font-color'?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text content of the object. "Some Text" | ... */ - 'font-family'?: string; + text?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'font-size'?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'font-style'?: string; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'font-weight'?: string; + visible?: boolean; /** - * 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" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'gradient-colors'?: string; + width?: any; /** - * 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" | ... + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'gradient-stops'?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - height?: any; + 'z-index'?: number; + zIndex?: number; + }; + trend?: { /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - italic?: boolean; + alpha?: number; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'lock-rotation'?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * 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 "..." 5 | 10 | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'max-chars'?: number; + 'border-color'?: string; + borderColor?: string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'max-width'?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'offset-x'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'offset-y'?: any; + 'line-width'?: number; + lineWidth?: number; + }; + 'value-box'?: valueBox; + valueBox?: valueBox; + }; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + marginLeftOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + marginRightOffset?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + marginTopOffset?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + maskTolerance?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { /** - * 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" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - padding?: any; + alpha?: number; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'padding-bottom'?: any; + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'padding-left'?: any; + alpha?: number; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'padding-right'?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... */ - 'padding-top'?: any; + 'border-bottom'?: any; + borderBottom?: any; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'rtl (right-to-left)'?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... */ - text?: string; + 'border-left'?: any; + borderLeft?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - 'text-align'?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... */ - 'text-alpha'?: number; + 'border-right'?: any; + borderRight?: any; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... */ - 'text-decoration'?: string; + 'border-top'?: any; + borderTop?: any; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - underline?: boolean; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; + height?: any; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; }; label?: { /** @@ -13191,32 +23613,39 @@ declare namespace zingchart { * scale-y label. See the red text. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: 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 f * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * 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 @@ -13226,15 +23655,18 @@ declare namespace zingchart { * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -13242,653 +23674,265 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - /** - * 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-radius-top-right'?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - /** - * 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-hook'?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - /** - * 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-angle'?: number; - /** - * 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-color'?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - /** - * 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-chars'?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - 'rtl (right-to-left)'?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - text?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * 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 | ... */ - 'text-align'?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'text-alpha'?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'text-decoration'?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - underline?: boolean; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - visible?: boolean; + callout?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - width?: any; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'wrap-text'?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets 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-1'?: 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-color-2'?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: 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-color'?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: 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-colors'?: 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" | ... - */ - 'gradient-stops'?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - /** - * Sets the border 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-color'?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... + * 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] | ... */ - alpha?: number; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'line-color'?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'line-gap-size'?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'line-segment-size'?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'line-style'?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * 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)" | ... */ - 'line-width'?: any; + color?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * 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 + * | ... */ - visible?: boolean; - }; - 'minor-tick'?: { + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'line-color'?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" */ - 'line-gap-size'?: any; + 'fill-type'?: string; + fillType?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * 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 | ... */ - 'line-segment-size'?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" + * 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)" | ... */ - 'line-style'?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'line-width'?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - placement?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - visible?: boolean; - }; - 'ref-line'?: { + 'font-style'?: string; + fontStyle?: string; /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - alpha?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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" | ... */ - 'line-color'?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + * 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" | ... */ - 'line-gap-size'?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + * 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%" | ... */ - 'line-segment-size'?: any; + height?: any; /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" + * 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 */ - 'line-style'?: string; + italic?: boolean; /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'line-width'?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the visibility of the object. true | false | 1 | 0 + * 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 | ... */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { + 'max-chars'?: number; + maxChars?: number; /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - alpha?: number; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-color'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-gap-size'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * 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" | ... */ - 'line-segment-size'?: any; + padding?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'line-style'?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'line-width'?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Determines the placement of tick marks along an axis line. inner | cross | outer + * Sets the object's right padding around the text. 4 | "6px" | ... */ - placement?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the object's top padding around the text. 4 | "6px" | ... */ - shadow?: boolean; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'shadow-alpha'?: number; + rtl?: boolean; /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + * Sets the text content of the object. "Some Text" | ... */ - 'shadow-angle'?: number; + text?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'shadow-blur'?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'shadow-color'?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'shadow-distance'?: any; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - size?: any; + underline?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - tooltip?: { + mask?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... @@ -13900,115 +23944,129 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + bar?: { /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'border-alpha'?: number; + alpha?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'border-color'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - padding?: number; + height?: any; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - sticky?: boolean; + width?: any; + }; + handle?: { /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - text?: string; + alpha?: number; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'text-alpha'?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... */ - timeout?: number; + 'border-bottom'?: any; + borderBottom?: any; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... */ - visible?: boolean; + 'border-left'?: any; + borderLeft?: any; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - width?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... */ - 'wrap-text'?: boolean; - }; - transform?: { + 'border-right'?: any; + borderRight?: any; /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... */ - text?: string; + 'border-top'?: any; + borderTop?: any; /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + height?: any; /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - uniform?: boolean; + width?: any; }; }; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - }; - 'scroll-x-scroll-y'?: { + scrollXScrollY?: { /** * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... */ 'offset-y'?: any; + offsetY?: any; bar?: { /** * 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 be @@ -14021,11 +24079,13 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14047,31 +24107,37 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s * tring. "1px solid green" | "3px dotted purple" | ... */ 'border-bottom'?: any; + borderBottom?: any; /** * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str * ing. "1px solid green" | "3px dotted purple" | ... */ 'border-left'?: any; + borderLeft?: any; /** * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p * x 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st * ring. "1px solid green" | "3px dotted purple" | ... */ 'border-right'?: any; + borderRight?: any; /** * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri * ng. "1px solid green" | "3px dotted purple" | ... */ 'border-top'?: any; + borderTop?: any; /** * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14089,10 +24155,12 @@ declare namespace zingchart { * Sets the end angle of a pie shape. "10" | "212" | ... */ 'angle-end'?: number; + angleEnd?: number; /** * Sets the beginning angle of a pie shape. "10" | "212" | ... */ 'angle-start'?: number; + angleStart?: number; /** * Sets the height of the shape "10" | "212" | ... */ @@ -14125,69 +24193,84 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati * on of the gradient stop. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 * 0f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with * gradient-colors. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ @@ -14197,24 +24280,29 @@ declare namespace zingchart { * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ 'line-gap-size'?: any; + lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ 'line-segment-size'?: any; + lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ @@ -14223,14 +24311,17 @@ declare namespace zingchart { * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-r'?: any; + offsetR?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** Sets map options */ options?: any; /** @@ -14246,23 +24337,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -14304,32 +24400,39 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * For source, bold is the default. true | false | 1 | 0 */ @@ -14338,51 +24441,62 @@ declare namespace zingchart { * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Requires border-width. true | false | 1 | 0 */ @@ -14391,32 +24505,39 @@ declare namespace zingchart { * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Truncates text based on the setting of width. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... @@ -14426,54 +24547,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Works with fill-angle to position gradient. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Works with fill-angle to position gradient. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * 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-angle'?: number; + fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14498,36 +24631,44 @@ declare namespace zingchart { * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * 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 "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -14538,18 +24679,22 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Sets 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" @@ -14558,7 +24703,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * For source, this may require position in order to be visible. true | false | 1 | 0 */ @@ -14568,23 +24713,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ @@ -14593,16 +24743,19 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 @@ -14613,6 +24766,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -14625,6 +24779,7 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14637,6 +24792,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; subtitle?: { /** @@ -14647,32 +24803,39 @@ declare namespace zingchart { * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 */ @@ -14681,49 +24844,60 @@ declare namespace zingchart { * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -14732,31 +24906,38 @@ declare namespace zingchart { * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 * px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Cuts off extra text. Use with width. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... @@ -14766,53 +24947,65 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the fill type. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the font size of the subtitle text. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14837,36 +25030,44 @@ declare namespace zingchart { * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's margin from the top of the chart. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -14875,18 +25076,22 @@ declare namespace zingchart { * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ @@ -14894,7 +25099,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -14904,23 +25109,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... */ @@ -14929,14 +25139,17 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 */ @@ -14945,6 +25158,7 @@ declare namespace zingchart { * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. true | false | 1 | 0 */ @@ -14958,6 +25172,7 @@ declare namespace zingchart { * true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14970,12 +25185,14 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; title?: { /** * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 */ 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -14985,32 +25202,39 @@ declare namespace zingchart { * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 */ @@ -15019,49 +25243,60 @@ declare namespace zingchart { * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px * 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black.. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets if the object will have a callout arrow. true | false | 1 | 0 */ @@ -15070,31 +25305,38 @@ declare namespace zingchart { * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 * px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -15103,53 +25345,65 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 * 5, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the title. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15174,36 +25428,44 @@ declare namespace zingchart { * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -15212,20 +25474,24 @@ declare namespace zingchart { * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t * he number is big enough. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege * nd. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text of the title. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ @@ -15233,7 +25499,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -15243,23 +25509,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the title. "Some Text" | ... */ @@ -15268,14 +25539,17 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * Sets the text's transparency of the title. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration of the title. Similar with underline. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 */ @@ -15284,6 +25558,7 @@ declare namespace zingchart { * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -15296,6 +25571,7 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15308,6 +25584,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; tooltip?: { /** @@ -15325,52 +25602,63 @@ declare namespace zingchart { * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -15378,39 +25666,47 @@ declare namespace zingchart { * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -15419,35 +25715,42 @@ declare namespace zingchart { * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px * " | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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. For graph plot tooltip. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... @@ -15461,57 +25764,70 @@ declare namespace zingchart { * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ 'decimals-separator'?: string; + decimalsSeparator?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15532,36 +25848,44 @@ declare namespace zingchart { * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -15570,18 +25894,22 @@ declare namespace zingchart { * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... @@ -15595,7 +25923,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -15605,32 +25933,39 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 @@ -15649,10 +25984,12 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; widget?: { /** @@ -15672,91 +26009,414 @@ declare namespace zingchart { * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ - 'background-color'?: string; + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean; + }; + } + + interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; + } + interface gui { + /** + * To create custom context menu items + */ + behaviors?: behavior[]; + 'context-menu'?: { /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * To fix the position of the context menu to one side of the chart. true | false */ - 'border-color'?: string; + docked?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 */ - 'border-width'?: any; + empty?: boolean; /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + * To position the context menu button on the left or right side of the chart. left | right */ - 'preserve-zoom'?: boolean; - label?: { + position?: string; + button?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + } + ]; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number; + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-color'?: string; + x?: any; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-family'?: string; + y?: any; + }; + item?: { /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-size'?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-style'?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the border width of the object. 4 | "6px" | ... */ - 'font-weight'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - padding?: number; + 'font-color'?: string; + fontColor?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} */ - visible?: boolean; + 'hover-state'?: any; + hoverState?: any; }; - /** - * To enabled shared zooming when there are mulitple charts in a graphset - */ - shared?: boolean; }; - } - - interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - } - interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: { + contextMenu?: { /** * To fix the position of the context menu to one side of the chart. true | false */ @@ -15780,31 +26440,38 @@ declare namespace zingchart { * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the width of the object's border. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the object's font size. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the object's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15814,19 +26481,23 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be @@ -15837,22 +26508,26 @@ declare namespace zingchart { * Sets the bottom padding for the object's text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the left padding for the object's text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the right padding for the object's text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the top padding for the object's text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets the text content of the object. "Some Text" | ... */ @@ -15862,16 +26537,19 @@ declare namespace zingchart { * t" */ 'text-align'?: string; + textAlign?: string; /** * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the context-menu button is visible or not. true | false | 1 | 0 */ @@ -15884,6 +26562,7 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15927,65 +26606,80 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -16010,22 +26704,27 @@ declare namespace zingchart { * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} */ 'hover-state'?: any; + hoverState?: any; }; }; } @@ -16042,45 +26741,55 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16088,39 +26797,47 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16129,54 +26846,66 @@ declare namespace zingchart { * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -16189,18 +26918,22 @@ declare namespace zingchart { * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ @@ -16214,23 +26947,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -16260,67 +26998,203 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + itemOff?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -16330,23 +27204,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; }; item?: { /** @@ -16361,67 +27240,82 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -16431,23 +27325,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; }; } interface refresh { @@ -16472,14 +27371,17 @@ declare namespace zingchart { * Sets the max amount of nodes visible in the graph. 5 | 10 | ... */ 'max-ticks'?: number; + maxTicks?: number; /** * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... */ 'reset-timeout'?: number; + resetTimeout?: number; /** * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true */ 'adjust-scale'?: boolean; + adjustScale?: boolean; curtain?: { /** * 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 comp @@ -16497,32 +27399,39 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ @@ -16531,15 +27440,18 @@ declare namespace zingchart { * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16547,39 +27459,47 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16588,28 +27508,34 @@ declare namespace zingchart { * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... @@ -16619,54 +27545,66 @@ declare namespace zingchart { * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * 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-angle'?: number; + fontAngle?: number; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ @@ -16676,19 +27614,23 @@ declare namespace zingchart { * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * 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" | " @@ -16699,22 +27641,26 @@ declare namespace zingchart { * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -16724,23 +27670,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ @@ -16749,16 +27700,19 @@ declare namespace zingchart { * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 @@ -16769,6 +27723,7 @@ declare namespace zingchart { * " */ 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -16777,6 +27732,7 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; }; } interface series { @@ -16797,62 +27753,76 @@ declare namespace zingchart { * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . * .. */ 'band-space'?: number; + bandSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ 'bar-space'?: number; + barSpace?: number; /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ 'bar-width'?: number; + barWidth?: number; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ 'bars-overlap'?: number; + barsOverlap?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ 'bars-space-left'?: number; + barsSpaceLeft?: number; /** * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ 'bars-space-right'?: number; + barsSpaceRight?: number; /** * 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-color'?: string; + borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16860,30 +27830,36 @@ declare namespace zingchart { * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16892,35 +27868,42 @@ declare namespace zingchart { * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 * | 0 */ 'contour-on-top'?: boolean; + contourOnTop?: boolean; /** * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va * lues through a null data point. true | false | 1 | 0 */ 'connect-nulls'?: boolean; + connectNulls?: boolean; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -16934,6 +27917,7 @@ declare namespace zingchart { * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 */ 'data-dragging'?: boolean; + dataDragging?: boolean; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ @@ -16943,6 +27927,7 @@ declare namespace zingchart { * ... */ 'decimals-separator'?: string; + decimalsSeparator?: string; /** * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some * Text" | ... @@ -16962,22 +27947,27 @@ declare namespace zingchart { * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ 'exponent-decimals'?: number; + exponentDecimals?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se * t individually within each value set. [45, 70, 60] @@ -16988,16 +27978,19 @@ declare namespace zingchart { * 0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also * be set. true | false | 1 | 0 */ 'group-selections'?: boolean; + groupSelections?: boolean; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ @@ -17007,62 +28000,75 @@ declare namespace zingchart { * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ 'legend-text'?: string; + legendText?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet * ween each line segment. 4 | "6px" | ... */ 'line-gap-size'?: any; + lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm * ent of line. 4 | "6px" | ... */ 'line-segment-size'?: any; + lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b * e displayed. 5 | 10 | ... */ 'max-nodes'?: number; + maxNodes?: number; /** * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ 'max-ratio'?: number; + maxRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ 'max-size'?: number; + maxSize?: number; /** * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets * of data. 5 | 10 | ... */ 'max-trackers'?: number; + maxTrackers?: number; /** * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ 'mid-point'?: boolean; + midPoint?: boolean; /** * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ 'min-ratio'?: number; + minRatio?: number; /** * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the * same ratio with the value scale. 5 | 10 | ... */ 'min-size'?: number; + minSize?: number; /** * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ @@ -17083,18 +28089,22 @@ declare namespace zingchart { * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} */ 'preview-state'?: any; + previewState?: any; /** * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ 'ref-angle'?: number; + refAngle?: number; /** * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t * otal" | "chart-max" | "chart-total" @@ -17108,6 +28118,7 @@ declare namespace zingchart { * . */ 'sampling-step'?: number; + samplingStep?: number; /** * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ @@ -17124,11 +28135,13 @@ declare namespace zingchart { * . 5 | 10 | ... */ 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; /** * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m * arkers only. true (default) | false */ 'segment-trackers'?: boolean; + segmentTrackers?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -17138,23 +28151,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, @@ -17168,19 +28186,23 @@ declare namespace zingchart { * "M" | "b" | "B" */ 'short-unit'?: string; + shortUnit?: string; /** * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl * y just visible. true | false | 1 | 0 */ 'show-zero'?: boolean; + showZero?: boolean; /** * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ 'size-factor'?: number; + sizeFactor?: number; /** * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ 'slice-start'?: number; + sliceStart?: number; /** * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked * chart. 5 | 10 | ... @@ -17194,6 +28216,7 @@ declare namespace zingchart { * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ 'step-start'?: string; + stepStart?: string; /** * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ @@ -17208,11 +28231,13 @@ declare namespace zingchart { * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens * "Some Text" | ... */ 'tooltip-text'?: string; + tooltipText?: string; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ @@ -17225,52 +28250,1348 @@ declare namespace zingchart { * Sets the z-axis end point on 3d charts. 10 | "10px" | ... */ 'z-end'?: number; + zEnd?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ 'z-start'?: number; + zStart?: number; animation?: { /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + onChange?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + backgroundMarker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'background-state'?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + backgroundState?: { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + }; + 'guide-label'?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + guideLabel?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'highlight-marker'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + highlightMarker?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + }; + 'highlight-state'?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + highlightState?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + 'hover-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - delay?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - effect?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - method?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'on-change'?: boolean; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'on-legend-toggle'?: boolean; + 'fill-type'?: string; + fillType?: string; /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + * 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" | ... */ - sequence?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + * 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" | ... */ - speed?: number; + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; }; - 'background-marker'?: { + hoverMarker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'hover-state'?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... */ - angle?: number; + 'alpha-area'?: number; + alphaArea?: number; /** * 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 se @@ -17278,75 +29599,110 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'offset-x'?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'offset-y'?: any; + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -17356,54 +29712,46 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; + shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; + hoverState?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + alphaArea?: number; /** * 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 se @@ -17411,573 +29759,609 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... */ 'line-gap-size'?: any; + lineGapSize?: any; /** * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen * t of line. 4 | "6px" | ... */ 'line-segment-size'?: any; + lineSegmentSize?: any; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'font-size'?: string; + shadow?: boolean; /** - * Sets the font style of the object. "none" | "italic" + * Sets 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 | ... */ - 'font-style'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the font weight of the object. "none" | "bold" + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'font-weight'?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'line-style'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - padding?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - text?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; }; - 'highlight-marker'?: { + 'legend-item'?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'border-color'?: string; + angle?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... */ - 'line-style'?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ - 'line-width'?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ - type?: string; - }; - 'highlight-state'?: { + 'background-image'?: string; + backgroundImage?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ - alpha?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-color'?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 */ - 'border-color'?: string; + bold?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-width'?: number; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'line-style'?: string; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... */ - 'line-width'?: number; - }; - 'hover-marker'?: { + 'border-radius'?: any; + borderRadius?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - alpha?: number; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - angle?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color'?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets 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)" | ... + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color-1'?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the first 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)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'background-color-2'?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'background-fit'?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... */ - 'background-image'?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ - 'background-position'?: string; + callout?: boolean; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * 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)" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'border-color'?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... */ - 'border-width'?: any; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'fill-angle'?: number; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - 'fill-offset-x'?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'fill-offset-y'?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'fill-type'?: string; + color?: 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" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'gradient-colors'?: string; + cursor?: 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" | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'gradient-stops'?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'line-color'?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'line-gap-size'?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - 'line-segment-size'?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - 'line-style'?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-width'?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - 'offset-x'?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... */ - 'offset-y'?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" */ - shadow?: boolean; + 'font-style'?: string; + fontStyle?: string; /** - * Sets 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 | ... + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" */ - 'shadow-alpha'?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... */ - 'shadow-angle'?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... */ - 'shadow-blur'?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-color'?: string; + height?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ - 'shadow-distance'?: any; + italic?: boolean; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - size?: any; + margin?: any; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - type?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... */ - visible?: boolean; - }; - 'hover-state'?: { + 'margin-left'?: any; + marginLeft?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - alpha?: number; + 'margin-right'?: any; + marginRight?: any; /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... */ - 'alpha-area'?: number; + 'margin-top'?: any; + marginTop?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... */ - 'background-color'?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets 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)" | ... + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-color-1'?: string; + 'max-width'?: any; + maxWidth?: any; /** - * 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)" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-color-2'?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-fit'?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... */ - 'background-image'?: string; + order?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'background-position'?: string; + padding?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'background-repeat'?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * 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)" | ... + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-color'?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-width'?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'fill-angle'?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'fill-offset-x'?: any; + rtl?: boolean; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 */ - 'fill-offset-y'?: any; + shadow?: boolean; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'fill-type'?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * 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" | ... + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... */ - 'gradient-colors'?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * 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" | ... + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... */ - 'gradient-stops'?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... */ - 'line-gap-size'?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'line-segment-size'?: any; + size?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... */ - 'line-style'?: string; + text?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ - 'line-width'?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ - shadow?: boolean; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets 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 | ... + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ - 'shadow-alpha'?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 */ - 'shadow-angle'?: number; + underline?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - 'shadow-blur'?: any; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the visibility of the object. true | false | 1 | 0 */ - 'shadow-color'?: string; + visible?: boolean; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-distance'?: any; + width?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 */ - visible?: boolean; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - 'legend-item'?: { + legendItem?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual @@ -17996,38 +30380,45 @@ declare namespace zingchart { * " | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red * yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re * d yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. true | false | 1 | 0 @@ -18038,16 +30429,19 @@ declare namespace zingchart { * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -18056,45 +30450,53 @@ declare namespace zingchart { * 10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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. Requires Legend. Used only inside individual series rath * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 @@ -18105,33 +30507,39 @@ declare namespace zingchart { * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b * ox. Works with output canvas and svg. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... @@ -18146,64 +30554,76 @@ declare namespace zingchart { * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper * right box. Works with output canvas and svg. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * 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. For the text in the legend box. Requires Legend. Used only ins * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in * upper right box. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i * n upper right box. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl * ot. See red text in upper right box. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 * 0 #0f0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. * "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... @@ -18224,43 +30644,51 @@ declare namespace zingchart { * box. Works with output canvas and svg. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b * ox. Works with output canvas and svg. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right * box. Works with output canvas and svg. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo * x. Works with output canvas and svg. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe * r right box. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... */ @@ -18276,25 +30704,29 @@ declare namespace zingchart { * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat * her than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath * er than Plot. See red text in upper right box. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa @@ -18308,30 +30740,35 @@ declare namespace zingchart { * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 * | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " * 6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px * " | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -18346,17 +30783,20 @@ declare namespace zingchart { * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ 'text-align'?: string; + textAlign?: string; /** * 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% tran * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ 'text-decoration'?: string; + textDecoration?: string; /** * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 @@ -18367,21 +30807,175 @@ declare namespace zingchart { * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + 'legend-marker'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - width?: any; + x?: any; /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'wrap-text'?: boolean; + y?: any; }; - 'legend-marker'?: { + legendMarker?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual @@ -18400,50 +30994,59 @@ declare namespace zingchart { * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u * pper right box. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -18453,43 +31056,51 @@ declare namespace zingchart { * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the * left of the text in the upper right box. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f * 0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 * 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left * of the text in the upper right box. 4 | "6px" | ... @@ -18535,71 +31146,99 @@ declare namespace zingchart { * rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between * the lines. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin * es. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" * | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " * repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; + /** + * Sets the text's font size of the marker. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; /** * 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ @@ -18608,10 +31247,12 @@ declare namespace zingchart { * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18621,27 +31262,37 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ size?: any; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 @@ -18663,6 +31314,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; preview?: { /** @@ -18675,24 +31327,29 @@ declare namespace zingchart { * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ 'alpha-area'?: number; + alphaArea?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ 'line-width'?: any; + lineWidth?: any; /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ @@ -18728,71 +31385,238 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + selectedMarker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18802,23 +31626,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -18840,7 +31669,128 @@ declare namespace zingchart { */ y?: any; }; - 'selected-state'?: { + 'selected-state'?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + selectedState?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -18853,67 +31803,82 @@ declare namespace zingchart { * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18923,23 +31888,28 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; }; text?: string; tooltip?: { @@ -18958,52 +31928,63 @@ declare namespace zingchart { * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | * ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% * 60%" | ... */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 * 00, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -19011,39 +31992,47 @@ declare namespace zingchart { * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; + borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-right'?: string; + borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl * es. For graph plot tooltip. "2px solid #f00" | ... */ 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -19053,86 +32042,108 @@ declare namespace zingchart { * " | ... */ 'callout-height'?: any; + calloutHeight?: any; /** * 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. For graph plot tooltip. [200, 50] | ... */ 'callout-hook'?: any; + calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ 'callout-offset'?: any; + calloutOffset?: any; /** * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " * bottom" | "left" */ 'callout-position'?: string; + calloutPosition?: string; /** * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" * | ... */ 'callout-width'?: any; + calloutWidth?: any; /** * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; /** * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; + fontAngle?: number; /** * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, * 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the text's font size of the tooltip. 4 | "6px" | ... */ 'font-size'?: any; + fontSize?: any; /** * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ @@ -19145,36 +32156,44 @@ declare namespace zingchart { * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-bottom'?: any; + marginBottom?: any; /** * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-left'?: any; + marginLeft?: any; /** * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-right'?: any; + marginRight?: any; /** * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ 'margin-top'?: any; + marginTop?: any; /** * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ 'max-chars'?: number; + maxChars?: number; /** * 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-t * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -19183,18 +32202,22 @@ declare namespace zingchart { * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-bottom'?: any; + paddingBottom?: any; /** * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-left'?: any; + paddingLeft?: any; /** * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-right'?: any; + paddingRight?: any; /** * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-top'?: any; + paddingTop?: any; /** * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... @@ -19208,7 +32231,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -19218,28 +32241,34 @@ declare namespace zingchart { * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; + shadowAlpha?: number; /** * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; + shadowAngle?: number; /** * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; + shadowBlur?: any; /** * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. * . */ 'shadow-color'?: string; + shadowColor?: string; /** * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -19252,10 +32281,12 @@ declare namespace zingchart { * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; + zIndex?: number; }; 'trend-down'?: { /** @@ -19269,22 +32300,61 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + trendDown?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number; + borderWidth?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ 'line-width'?: number; + lineWidth?: number; }; 'trend-equal'?: { /** @@ -19298,22 +32368,61 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + trendEqual?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number; + borderWidth?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ 'line-width'?: number; + lineWidth?: number; }; 'trend-up'?: { /** @@ -19327,22 +32436,61 @@ declare namespace zingchart { * 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + trendUp?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number; + borderWidth?: number; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; + lineColor?: string; /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ 'line-width'?: number; + lineWidth?: number; }; 'value-box'?: { /** @@ -19363,48 +32511,253 @@ declare namespace zingchart { * transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + valueBox?: { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; /** * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; + backgroundColor1?: string; /** * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; + backgroundColor2?: string; /** * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; + backgroundImage?: string; /** * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . * .. */ 'background-position'?: string; + backgroundPosition?: string; /** * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; + backgroundRepeat?: string; /** * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; + borderColor?: string; /** * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . */ 'border-width'?: any; + borderWidth?: any; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -19417,65 +32770,80 @@ declare namespace zingchart { * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ 'decimals-separator'?: string; + decimalsSeparator?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; + fillAngle?: number; /** * Sets an X offset to apply to the object. 5 | "10px" | ... */ 'fill-offset-x'?: any; + fillOffsetX?: any; /** * Sets a Y offset to apply to the object. 5 | "10px" | ... */ 'fill-offset-y'?: any; + fillOffsetY?: any; /** * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ 'fill-type'?: string; + fillType?: string; /** * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" * | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; + fontColor?: string; /** * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; + fontFamily?: string; /** * Sets the font size of the object. 4 | "6px" | ... */ 'font-size'?: string; + fontSize?: string; /** * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" */ 'font-style'?: string; + fontStyle?: string; /** * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" */ 'font-weight'?: string; + fontWeight?: string; /** * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works * with output svg. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; + gradientColors?: string; /** * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu * te. Works with output svg. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; + gradientStops?: string; /** * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; + lineStyle?: string; /** * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ 'offset-x'?: any; + offsetX?: any; /** * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... */ 'offset-y'?: any; + offsetY?: any; /** * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ @@ -19488,7 +32856,7 @@ declare namespace zingchart { /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'rtl (right-to-left)'?: boolean; + rtl?: boolean; /** * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -19498,10 +32866,12 @@ declare namespace zingchart { * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'text-alpha'?: number; + textAlpha?: number; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index dd415785607b14..9e5b062eeb6c3f 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -18,7 +18,11 @@ zingchart.render({ label: { text: 'Days' }, - labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], + lineColor: 'red', + }, + scaleY: { + autoFit: true, }, plot: { animation: { From aa0bd837dced8f32b473b9cbedcf89890134582a Mon Sep 17 00:00:00 2001 From: jphung Date: Wed, 15 Sep 2021 14:41:55 -0700 Subject: [PATCH 36/86] refactor definitions --- types/zingchart/es6/index.d.ts | 43503 +++++++++++-------------------- 1 file changed, 14927 insertions(+), 28576 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index dfc911972369da..02aef1cbe4e55e 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -37,23 +37,16 @@ declare namespace zingchart { history?: history; refresh?: refresh; } - interface noData { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; + interface backgroundMarker { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -94,79 +87,17 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -187,38 +118,6 @@ declare namespace zingchart { */ 'fill-type'?: string; fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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" | ... @@ -231,14 +130,6 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -249,36 +140,6 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -311,48 +172,17 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the size of the object/shape. 4 | "6px" | ... */ - underline?: boolean; + size?: any; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - url?: string; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -362,16 +192,16 @@ declare namespace zingchart { */ y?: any; } - interface pageStatus { + interface backgroundState { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -412,15 +242,6 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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)" | ... @@ -428,24790 +249,5105 @@ declare namespace zingchart { 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-left'?: string; - borderLeft?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'fill-type'?: string; + fillType?: string; /** - * 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 | ... + * 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" | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * 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" | ... */ - 'border-right'?: string; - borderRight?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'offset-x'?: any; - offsetX?: any; + shadow?: boolean; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets 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 | ... */ - 'offset-y'?: any; - offsetY?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - padding?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'padding-left'?: any; - paddingLeft?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface calloutTip { /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'padding-top'?: any; - paddingTop?: any; + alpha?: number; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - rtl?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - text?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'text-align'?: string; - textAlign?: string; + 'border-width'?: number; + borderWidth?: number; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-width'?: number; + lineWidth?: number; /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + * Sets the size of the object. 4 | "6px" | ... */ - underline?: string; + size?: number; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" */ - 'vertical-align'?: string; - verticalAlign?: string; + type?: string; + } + interface contextMenu { + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: [ + { + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + } + ]; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * To set the visibility of the object. true | false */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; } - interface valueBox { + interface contextMenuGui { /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * To fix the position of the context menu to one side of the chart. true | false */ - alpha?: number; + docked?: boolean; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 */ - angle?: number; + empty?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * To position the context menu button on the left or right side of the chart. left | right */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { + position?: string; + button?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the width of the object's border. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the line width of the object. 4 | "6px" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ - 'line-width'?: any; - lineWidth?: any; - }; - joined?: { + 'font-color'?: string; + fontColor?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... */ - alpha?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the object's font size. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'border-color'?: string; - borderColor?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the object's font weight. Similar to bold. "normal" | "bold" */ - 'border-radius'?: number; - borderRadius?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-width'?: number; - borderWidth?: number; + height?: any; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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 "..." 5 | 10 | ... */ - 'font-color'?: string; - fontColor?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-size'?: number; - fontSize?: number; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - padding?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - text?: string; - }; - shared?: { + 'offset-y'?: any; + offsetY?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - alpha?: number; + padding?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the bottom padding for the object's text. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the left padding for the object's text. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the right padding for the object's text. 4 | "6px" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the top padding for the object's text. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'font-color'?: string; - fontColor?: string; + rtl?: boolean; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the text content of the object. "Some Text" | ... */ - 'font-size'?: number; - fontSize?: number; + text?: string; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" */ - padding?: number; + 'text-align'?: string; + textAlign?: string; /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - text?: string; - }; - } - interface scaleK { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - alpha?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + visible?: boolean; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-color'?: string; - lineColor?: string; + width?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: number; - lineWidth?: number; + x?: any; /** - * Sets the visibility of the object. true | false + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - } - ]; + y?: any; }; - item?: { + 'custom-items'?: [ + { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + } + ]; + gear?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the angle of the object. -45 | 30 | 120 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - angle?: number + angle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'border-color'?: string; - borderColor?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'font-color'?: string; - fontColor?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * 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)" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'font-size'?: number; - fontSize?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the font style of the object. 'italic' | 'normal' + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'font-style'?: string; - fontStyle?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the padding of the object 3 | '5px' | '10px' | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - padding?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tick?: { + 'fill-type'?: string; + fillType?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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" | ... */ - alpha?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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" | ... */ - 'line-color'?: string; - lineColor?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the line width of the object. 4 | '6px' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the size of the object/shape. 4 | "6px" | ... */ - placement?: string; + size?: any; /** - * Sets the size of the object. 4 | '6px' | ... + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... */ - size?: number; + type?: string; /** - * Sets the visibility of the object. true | false + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - }; - tooltip?: { + x?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... */ - alpha?: number; + y?: any; + }; + item?: { /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'hover-state'?: any; + hoverState?: any; }; } - interface scaleR { + interface crosshairX { /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - labels?: any; + alpha?: number; /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - 'minor-ticks'?: number; - minorTicks?: number; + exact?: boolean; /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - values?: any; - center?: { + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ 'border-width'?: number; borderWidth?: number; /** - * Sets the size of the pivot point. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ size?: number; /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ type?: string; /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; }; - guide?: { + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + } + interface crosshairY { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the line 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)' | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + size?: number; /** - * Sets the visibility of the object. true | false + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; + type?: string; /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - offsetEnd?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - offsetStart?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - minorGuide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - minorTick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - } - ]; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; } - interface scaleV { + interface guideLabel { /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... */ - format?: string; + alpha?: number; /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... */ - labels?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - values?: any; + 'border-color'?: string; + borderColor?: string; /** - * Used to hide the v-axis. true | false + * Sets the border width of the object. 4 | "6px" | ... */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - } - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - 'ref-line'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - refLine?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } - interface scaleX { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - offsetEnd?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: number; - offsetStart?: number; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - } - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - minorGuide?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - minorTick?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - refLine?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - } - interface scaleY { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - itemsOverlap?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - offsetEnd?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - offsetStart?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - sizeFactor?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - } - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - minorGuide?: { - /** - * Sets the transparency of the scale-x minor-guide. See the red dashes in the background. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'minor-tick'?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - minorTick?: { - /** - * Sets the transparency of the scale-x minor-tick. See the red lines across the bottom between the ticks. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. See the red lines across the bottom between the ticks. "none" | "transparent" | "#f00" | "#f00 - * #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the red lines across the bottom between the ticks. "solid" | "dotte - * d" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of minor tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets the visibility of the object. See the red lines across the bottom between the ticks. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'ref-line'?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - refLine?: { - /** - * Sets the transparency of the scale-x ref-line. See the orange bar. Works for output canvas and svg. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x ref-line. See the yellow bar. Works for output canvas and svg. "none" | "transparent" | "#f00" - * | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. See the orange dots. Works for output canvas and svg. "solid" | "dotted - * " | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. See the orange bars. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - transform?: { - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - } - interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; - } - interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - } - ]; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - plotLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - scaleLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - 'crosshair-x'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - plotLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - scaleLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - crosshairX?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - plotLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - scaleLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - 'crosshair-y'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - plotLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - scaleLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - crosshairY?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - plotLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'scale-label'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - scaleLabel?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text of the tooltip. - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - }; - images?: [ - { - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - } - ]; - labels?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - calloutTip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - }; - } - ]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - dragHandler?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - highlightPlot?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - paddingRight?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - }; - 'item-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - itemOff?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - showMarker?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - highlightState?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - }; - }; - 'page-off'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - pageOff?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-on'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - pageOn?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'page-status'?: pageStatus; - pageStatus?: pageStatus; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - 'media-rules'?: [ - { - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - maxHeight?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - minHeight?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - minWidth?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - } - ]; - 'no-data'?: noData; - noData?: noData; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - colorType?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - maxFontSize?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - maxItems?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - minFontSize?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - minLength?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - stepAngle?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - stepRadius?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - fontColor?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - } - ]; - }; - contextMenu?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: [ - { - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - fontColor?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - } - ]; - }; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - 'hover-state'?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - hoverState?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... - */ - text?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. true | false (default) - */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: [ - { - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - } - ]; - }; - plot?: { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - barMaxWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - barWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * Turns off click on slices - */ - detached?: boolean; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - maxNodes?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - maxRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - maxSize?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - midPoint?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - minRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - minSize?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - samplingStep?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - smartSampling?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Hole size in middle of chart - */ - slice?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - stepStart?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - tooltipText?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - onLegendToggle?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - backgroundMarker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - backgroundState?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - guideLabel?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'highlight-marker'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - highlightMarker?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - 'highlight-state'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - } - highlightState?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - 'hover-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - hoverMarker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'hover-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - hoverState?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'legend-item'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - legendItem?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - legendMarker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - ]; - 'selected-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - selectedMarker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'selected-state'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - selectedState?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - 'value-box'?: valueBox; - valueBox?: valueBox; - }; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - marginBottomOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - marginLeftOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - marginRightOffset?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - marginTopOffset?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - maskTolerance?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - minDistance?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - scrollXScrollY?: { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - series?: series[]; - shapes?: [ - { - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - } - ]; - source?: { + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface highlightMarker { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface highlightState { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface hoverMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface hoverState { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface itemOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + } + interface legendItem { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface legendMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface minorGuide { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface minorTick { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface noData { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface pageOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageOn { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageStatus { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface plotLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface refLine { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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-1'?: string; - backgroundColor1?: 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)" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'background-fit'?: string; - backgroundFit?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the visibility of the object. true | false */ - 'background-position'?: string; - backgroundPosition?: string; + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + } + ]; + }; + item?: { /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + alpha?: number; /** - * For source, bold is the default. true | false | 1 | 0 + * Sets the angle of the object. -45 | 30 | 120 | ... */ - bold?: boolean; + angle?: number /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'border-bottom'?: string; - borderBottom?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-radius'?: number; + borderRadius?: number; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'font-family'?: string; + fontFamily?: string; /** - * 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 | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'border-right'?: string; - borderRight?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'border-top'?: string; - borderTop?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ - 'border-width'?: any; - borderWidth?: any; + padding?: number; /** - * Requires border-width. true | false | 1 | 0 + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - callout?: boolean; + 'text-alpha'?: number; + textAlpha?: number; + }; + tick?: { /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + alpha?: number; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'line-color'?: string; + lineColor?: string; /** - * 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] | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'callout-hook'?: any; - calloutHook?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the line width of the object. 4 | '6px' | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'callout-position'?: string; - calloutPosition?: string; + placement?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'callout-width'?: any; - calloutWidth?: any; + size?: number; /** - * Truncates text based on the setting of width. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ - 'clip-text'?: boolean; - clipText?: boolean; + visible?: boolean; + }; + tooltip?: { /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - color?: string; + alpha?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Works with fill-angle to position gradient. 4 | "6px" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Works with fill-angle to position gradient. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'fill-type'?: string; - fillType?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * 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 | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'font-size'?: string; + fontSize?: string; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the font style of the object text. "normal" | "italic" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the font weight of the object text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + height?: number; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the padding around the object text. "10%" | "25px" ... */ - height?: any; + padding?: number; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - italic?: boolean; + sticky?: boolean; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - item?: string; + text?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - map?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - margin?: any; + timeout?: number; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the visibility of the object. true | false | 1 | 0 */ - 'margin-bottom'?: any; - marginBottom?: any; + visible?: boolean; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'margin-left'?: any; - marginLeft?: any; + width?: number; /** - * Sets the object's right margin. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'margin-right'?: any; - marginRight?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface scaleLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { /** - * Sets the object's top margin. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'margin-top'?: any; - marginTop?: any; + alpha?: number; /** - * 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 "..." 5 | 10 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'max-chars'?: number; - maxChars?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border 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)' | ... */ - 'max-width'?: any; - maxWidth?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'offset-x'?: any; - offsetX?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the size of the pivot point. 4 | "6px" | ... */ - 'offset-y'?: any; - offsetY?: any; + size?: number; /** - * 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" | ... + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... */ - padding?: any; + type?: string; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + x?: number; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'padding-left'?: any; - paddingLeft?: any; + visible?: boolean; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-right'?: any; - paddingRight?: any; + y?: number; + }; + guide?: { /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'padding-top'?: any; - paddingTop?: any; + alpha?: number; /** - * Sets 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" + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - position?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the line 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)' | ... */ - rtl?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * For source, this may require position in order to be visible. true | false | 1 | 0 + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - shadow?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets 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 | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the visibility of the object. true | false */ - 'shadow-angle'?: number; - shadowAngle?: number; + visible?: boolean; + }; + item?: { /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + alpha?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'shadow-color'?: string; - shadowColor?: string; + angle?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the border 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)' | ... */ - text?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'text-align'?: string; - textAlign?: string; + 'border-radius'?: number; + borderRadius?: number; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - underline?: boolean; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'font-size'?: number; + fontSize?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the font style of the object. 'italic' | 'normal' */ - visible?: boolean; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - width?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + offsetR?: number; /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - x?: any; + padding?: number; /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - y?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the visibility of the object. */ - 'z-index'?: number; - zIndex?: number; + visible?: boolean; }; - subtitle?: { + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number; + lineWidth?: number; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + } + ]; + }; + tick?: { /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + alpha?: number; /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the line 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-top-right'?: any; - borderRadiusTopRight?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-right'?: string; - borderRight?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'border-top'?: string; - borderTop?: string; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'border-width'?: any; - borderWidth?: any; + placement?: string; /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Sets the size of the object. 30 | '40px' | ... */ - callout?: boolean; + size?: number; /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'callout-extension'?: any; - calloutExtension?: any; + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'callout-height'?: any; - calloutHeight?: any; + alpha?: number; /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'callout-position'?: string; - calloutPosition?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'line-width'?: number; + lineWidth?: number; /** - * Cuts off extra text. Use with width. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ - 'clip-text'?: boolean; - clipText?: boolean; + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + } + ]; + }; + item?: { /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - color?: string; + alpha?: number; /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ - 'fill-angle'?: number; - fillAngle?: number; + angle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the border 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)' | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the fill type. "linear" | "radial" + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'fill-type'?: string; - fillType?: string; + 'border-radius'?: number; + borderRadius?: number; /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the subtitle text. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: any; - fontSize?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + * Sets the font style of the object. 'italic' | 'normal' */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + * Sets the font weight of the object. 'bold' | 'normal' */ 'font-weight'?: string; fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + padding?: number; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - height?: any; + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - italic?: boolean; + alpha?: number; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - item?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - map?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the line width of the object. 4 | '6px' | ... */ - margin?: any; + 'line-width'?: number; + lineWidth?: number; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'margin-bottom'?: any; - marginBottom?: any; + placement?: string; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'margin-left'?: any; - marginLeft?: any; + size?: number; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'margin-right'?: any; - marginRight?: any; + visible?: boolean; + }; + tooltip?: { /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'margin-top'?: any; - marginTop?: any; + alpha?: number; /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'max-chars'?: number; - maxChars?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'max-width'?: any; - maxWidth?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'offset-y'?: any; - offsetY?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - padding?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'font-size'?: string; + fontSize?: string; /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + * Sets the font style of the object text. "normal" | "italic" */ - 'padding-top'?: any; - paddingTop?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * Sets the font weight of the object text. "normal" | "bold" */ - position?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - rtl?: boolean; + height?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the padding around the object text. "10%" | "25px" ... */ - shadow?: boolean; + padding?: number; /** - * Sets 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 | ... + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + sticky?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - 'shadow-angle'?: number; - shadowAngle?: number; + text?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - 'shadow-color'?: string; - shadowColor?: string; + timeout?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the visibility of the object. true | false | 1 | 0 */ - 'shadow-distance'?: any; - shadowDistance?: any; + visible?: boolean; /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - text?: string; + width?: number; /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'text-align'?: string; - textAlign?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + alpha?: number; /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + * Sets 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)" | ... */ - underline?: boolean; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + * 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)" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - visible?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... */ - width?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ - x?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ - y?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'z-index'?: number; - zIndex?: number; + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + } + ]; }; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; + item?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. 0....1 */ alpha?: number; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -25236,99 +5372,106 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * 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-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + * 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-hook'?: any; calloutHook?: any; /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; @@ -25338,7 +5481,8 @@ declare namespace zingchart { 'clip-text'?: boolean; clipText?: boolean; /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** @@ -25362,33 +5506,34 @@ declare namespace zingchart { 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + * 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-angle'?: number; fontAngle?: number; /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size of the title. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -25409,44 +5554,17 @@ declare namespace zingchart { */ height?: any; /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'margin-top'?: any; - marginTop?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * 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 "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; @@ -25467,98 +5585,61 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the title. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'vertical-align'?: string; - verticalAlign?: string; + underline?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -25572,143 +5653,129 @@ declare namespace zingchart { */ 'wrap-text'?: boolean; wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; }; - tooltip?: { + label?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + * letely 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 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + * 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. -4 + * 5 | 115 | ... */ angle?: number; /** * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * 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-alpha'?: number; - borderAlpha?: number; + bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** @@ -25717,225 +5784,566 @@ declare namespace zingchart { 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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. For graph plot tooltip. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ color?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * 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-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + * 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-angle'?: number; fontAngle?: number; /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * 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-color'?: string; fontColor?: string; /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + * 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%" | ... */ height?: any; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * 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 */ - item?: string; + italic?: boolean; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - map?: string; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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 | ... */ - margin?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'margin-right'?: any; - marginRight?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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" | ... */ - 'margin-top'?: any; - marginTop?: any; + padding?: any; /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'max-chars'?: number; - maxChars?: number; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'max-width'?: any; - maxWidth?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... */ - 'offset-y'?: any; - offsetY?: any; + alpha?: number; /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - padding?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'padding-right'?: any; - paddingRight?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'padding-top'?: any; - paddingTop?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + * Determines the placement of tick marks along an axis line. inner | cross | outer */ placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ 'shadow-angle'?: number; shadowAngle?: number; @@ -25945,60 +6353,26 @@ declare namespace zingchart { 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + * Sets the size of the object/shape. 4 | "6px" | ... */ - transform?: any; + size?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; }; - zoom?: { + tooltip?: { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... @@ -26011,274 +6385,154 @@ declare namespace zingchart { */ 'background-color'?: string; backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number; + borderWidth?: number; /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; /** - * To enabled shared zooming when there are mulitple charts in a graphset + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - shared?: boolean; - }; - } - - interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - } - interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: { + 'text-alpha'?: number; + textAlpha?: number; /** - * To fix the position of the context menu to one side of the chart. true | false + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - docked?: boolean; + timeout?: number; /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + * Sets the visibility of the object. true | false | 1 | 0 */ - empty?: boolean; + visible?: boolean; /** - * To position the context menu button on the left or right side of the chart. left | right + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - position?: string; - button?: { + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the width of the object's border. 4 | "6px" | ... + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ - 'border-width'?: any; - borderWidth?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - } - ]; - gear?: { + item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -26297,700 +6551,715 @@ declare namespace zingchart { 'background-color'?: string; backgroundColor?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. "none" | "transparent" | + * Sets 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)" | ... */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * 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)" | ... */ - 'fill-type'?: string; - fillType?: string; + 'background-color-2'?: string; + backgroundColor2?: 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" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'gradient-colors'?: string; - gradientColors?: string; + 'background-fit'?: string; + backgroundFit?: 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" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'offset-y'?: any; - offsetY?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - size?: any; + bold?: boolean; /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - type?: string; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * 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)" | ... */ - x?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - y?: any; - }; - item?: { + 'border-left'?: string; + borderLeft?: string; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'font-color'?: string; - fontColor?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + * 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 | ... */ - 'hover-state'?: any; - hoverState?: any; - }; - }; - contextMenu?: { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - alpha?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the width of the object's border. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'font-color'?: string; - fontColor?: string; + callout?: boolean; /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the object's font size. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + * 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] | ... */ - 'font-style'?: string; - fontStyle?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - height?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * 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 "..." 5 | 10 | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'max-chars'?: number; - maxChars?: number; + 'callout-width'?: any; + calloutWidth?: any; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'max-width'?: any; - maxWidth?: any; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ - 'offset-x'?: any; - offsetX?: any; + color?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'offset-y'?: any; - offsetY?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - padding?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the left padding for the object's text. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'padding-left'?: any; - paddingLeft?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the right padding for the object's text. 4 | "6px" | ... + * 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 | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the top padding for the object's text. 4 | "6px" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ - 'padding-top'?: any; - paddingTop?: any; + 'font-color'?: string; + fontColor?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - rtl?: boolean; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the text's font size. 4 | "6px" | ... */ - text?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'text-align'?: string; - textAlign?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'text-alpha'?: number; - textAlpha?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * 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" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + * 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" | ... */ - visible?: boolean; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - width?: any; + height?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - 'wrap-text'?: boolean; - wrapText?: boolean; + italic?: boolean; /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - x?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - y?: any; - }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - } - ]; - gear?: { + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - alpha?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * 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 "..." 5 | 10 | ... */ - angle?: number; + 'max-chars'?: number; + maxChars?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * 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" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + padding?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * 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)" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + rtl?: boolean; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + shadow?: boolean; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets 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 | ... */ - 'fill-type'?: string; - fillType?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * 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" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * 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" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'offset-x'?: any; - offsetX?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the text content of the object. "Some Text" | ... */ - size?: any; + text?: string; /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - type?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - x?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - y?: any; - }; - item?: { + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + underline?: boolean; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'border-color'?: string; - borderColor?: string; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'border-width'?: any; - borderWidth?: any; + visible?: boolean; /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-color'?: string; - fontColor?: string; + width?: any; /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'hover-state'?: any; - hoverState?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; }; }; } - interface history { + interface scaleY { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'background-color'?: string; - backgroundColor?: string; + angle?: number; /** - * Sets 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)" | ... + * true | false | 1 | 0 */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'auto-fit'?: boolean; + autoFit?: boolean; /** - * 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)" | ... + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + decimals?: number; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 */ - 'background-image'?: string; - backgroundImage?: string; + exponent?: boolean; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'exponent-decimals'?: number; + exponentDecimals?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + format?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 */ - 'border-bottom'?: string; - borderBottom?: string; + 'items-overlap'?: boolean; + itemsOverlap?: boolean; /** - * 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)" | ... + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... */ - 'border-color'?: string; - borderColor?: string; + labels?: any; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - 'border-left'?: string; - borderLeft?: string; + layout?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'line-style'?: string; + lineStyle?: string; /** - * 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 | ... + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'log-base'?: any; + logBase?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... */ - 'border-right'?: string; - borderRight?: string; + margin?: any; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the object's bottom margin. 4 | '6px' | ... */ - 'border-top'?: string; - borderTop?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's left margin. 4 | '6px' | ... */ - 'border-width'?: any; - borderWidth?: any; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the object's right margin. 4 | '6px' | ... */ - callout?: boolean; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the object's top margin. 4 | '6px' | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'max-items'?: number; + maxItems?: number; /** - * 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] | ... + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'max-labels'?: number; + maxLabels?: number; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'max-ticks'?: number; + maxTicks?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'max-value'?: number; + maxValue?: number; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'min-value'?: number; + minValue?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'minor-ticks'?: number; + minorTicks?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + mirrored?: boolean; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + multiplier?: boolean; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - 'fill-type'?: string; - fillType?: string; + negation?: 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" | ... + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + offset?: number; /** - * 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" | ... + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'offset-end'?: number; + offsetEnd?: number; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... */ - height?: any; + 'offset-start'?: number; + offsetStart?: number; /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ - margin?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the placement of the scale object. 'default' | 'opposite' */ - 'margin-left'?: any; - marginLeft?: any; + placement?: string; /** - * Sets the object's right margin. 4 | "6px" | ... + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - 'margin-right'?: any; - marginRight?: any; + progression?: string; /** - * Sets the object's top margin. 4 | "6px" | ... + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'margin-top'?: any; - marginTop?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * To set the value the reference line is drawn at. 5 | 10 | ... */ - position?: string; + 'ref-value'?: number; + refValue?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the scale of the y axis 5 | 10 | ... */ - shadow?: boolean; + 'scale-factor'?: number; + scaleFactor?: number; /** - * Sets 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 | ... + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + short?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'show-labels'?: any; + showLabels?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the size of the object/shape. 4 | '6px' | ... */ - 'shadow-color'?: string; - shadowColor?: string; + size?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'size-factor'?: string; + sizeFactor?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ - visible?: boolean; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] */ - width?: any; + values?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 */ - x?: any; + visible?: boolean; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 */ - y?: any; - 'item-off'?: { + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + } + ]; + }; + item?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. 0....1 */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -27000,14 +7269,14 @@ declare namespace zingchart { 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -27032,97 +7301,310 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: 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)" | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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" | ... */ - 'border-color'?: string; - borderColor?: string; + padding?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'fill-type'?: string; - fillType?: string; + rtl?: boolean; /** - * 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" | ... + * Sets the text content of the object. "Some Text" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + text?: 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" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'gradient-stops'?: string; - gradientStops?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - shadow?: boolean; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets 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 | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'shadow-angle'?: number; - shadowAngle?: number; + underline?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'shadow-blur'?: any; - shadowBlur?: any; + visible?: boolean; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + width?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - itemOff?: { + label?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely 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 | ... */ alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; @@ -27153,157 +7635,174 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * 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 */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + bold?: boolean; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * 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)" | ... */ - 'fill-type'?: string; - fillType?: string; + 'border-color'?: string; + borderColor?: 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" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'border-left'?: string; + borderLeft?: 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" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - shadow?: boolean; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets 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 | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - item?: { + 'border-top'?: string; + borderTop?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - alpha?: number; + 'border-width'?: any; + borderWidth?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + callout?: boolean; /** - * Sets 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)" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * 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)" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * 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] | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; /** - * 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)" | ... + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * 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)" | ... */ - 'border-width'?: any; - borderWidth?: any; + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * 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-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" */ 'fill-type'?: string; fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -27317,1144 +7816,3132 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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%" | ... */ - shadow?: boolean; + height?: any; /** - * Sets 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 | ... + * 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 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + italic?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - } - interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - resetTimeout?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - adjustScale?: boolean; - curtain?: { + 'offset-x'?: any; + offsetX?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - alpha?: number; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * 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" | ... */ - angle?: number; + padding?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets 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)" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * 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)" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'background-image'?: string; - backgroundImage?: string; + rtl?: boolean; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the text content of the object. "Some Text" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + text?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - bold?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - 'border-bottom'?: string; - borderBottom?: string; + 'text-decoration'?: string; + textDecoration?: 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)" | ... + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + underline?: boolean; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - 'border-left'?: string; - borderLeft?: string; + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... */ - 'border-radius'?: any; - borderRadius?: any; + alpha?: number; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * 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 | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'border-right'?: string; - borderRight?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Determines the placement of tick marks along an axis line. inner | cross | outer */ - 'border-top'?: string; - borderTop?: string; + placement?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'border-width'?: any; - borderWidth?: any; + shadow?: boolean; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... */ - callout?: boolean; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * 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] | ... + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + size?: any; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'callout-width'?: any; - calloutWidth?: any; + visible?: boolean; + }; + tooltip?: { /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - color?: string; + alpha?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'fill-type'?: string; - fillType?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * 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 | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'font-size'?: string; + fontSize?: string; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the font style of the object text. "normal" | "italic" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the font weight of the object text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + height?: number; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * Sets the padding around the object text. "10%" | "25px" ... */ - italic?: boolean; + padding?: number; /** - * 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 "..." 5 | 10 | ... + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - 'max-chars'?: number; - maxChars?: number; + sticky?: boolean; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - 'max-width'?: any; - maxWidth?: any; + text?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'offset-x'?: any; - offsetX?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - 'offset-y'?: any; - offsetY?: any; + timeout?: number; /** - * 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" | ... + * Sets the visibility of the object. true | false | 1 | 0 */ - padding?: any; + visible?: boolean; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + width?: number; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'padding-left'?: any; - paddingLeft?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... */ - 'padding-right'?: any; - paddingRight?: any; + text?: string; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' */ - 'padding-top'?: any; - paddingTop?: any; + type?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 */ - rtl?: boolean; + uniform?: boolean; + }; + } + interface scrollXSCrollY { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + bar?: { /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + height?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + width?: any; + }; + handle?: { /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + alpha?: number; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - text?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... */ - 'text-align'?: string; - textAlign?: string; + 'border-bottom'?: any; + borderBottom?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'border-left'?: any; + borderLeft?: any; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... */ - underline?: boolean; + 'border-right'?: any; + borderRight?: any; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'border-top'?: any; + borderTop?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; + height?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + width?: any; }; } - interface series { + interface selectedMarker { /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - aspect?: string; + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface selectedState { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'band-space'?: number; - bandSpace?: number; + 'fill-type'?: string; + fillType?: string; /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + * 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" | ... */ - 'bar-space'?: number; - barSpace?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + * 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" | ... */ - 'bar-width'?: number; - barWidth?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'bars-overlap'?: number; - barsOverlap?: number; + 'line-color'?: string; + lineColor?: string; /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; + shadow?: boolean; /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + * Sets 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 | ... */ - 'bars-space-right'?: number; - barsSpaceRight?: number; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * 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)" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'border-color'?: string; - borderColor?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface trendDown { /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + alpha?: number; /** - * 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - callout?: boolean; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'line-color'?: string; + lineColor?: string; /** - * 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] | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'line-width'?: number; + lineWidth?: number; + } + interface trendEqual { /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + alpha?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'border-color'?: string; + borderColor?: string; /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; + 'border-width'?: number; + borderWidth?: number; /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - cursor?: string; + 'line-width'?: number; + lineWidth?: number; + } + interface trendUp { /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'data-...'?: string; + alpha?: number; /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'data-dragging'?: boolean; - dataDragging?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - decimals?: number; + 'border-color'?: string; + borderColor?: string; /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + 'border-width'?: number; + borderWidth?: number; /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - description?: string; + 'line-color'?: string; + lineColor?: string; /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - exact?: boolean; + 'line-width'?: number; + lineWidth?: number; + } + interface valueBox { /** - * This attribute sets the values to scientific notation true | false | 1 | 0 + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... */ - exponent?: boolean; + alpha?: number; /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... */ - 'exponent-decimals'?: number; - exponentDecimals?: number; + angle?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ - 'fill-type'?: string; - fillType?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - goals?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. */ - 'gradient-colors'?: string; - gradientColors?: string; + 'background-position'?: string; + backgroundPosition?: 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" | ... + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'gradient-stops'?: string; - gradientStops?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'group-selections'?: boolean; - groupSelections?: boolean; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - join?: any; + 'border-color'?: string; + borderColor?: string; /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . */ - 'legend-text'?: string; - legendText?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + callout?: boolean; /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + decimals?: number; /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + * Sets an X offset to apply to the object. 5 | "10px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... + * Sets a Y offset to apply to the object. 5 | "10px" | ... */ - 'max-nodes'?: number; - maxNodes?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ - 'max-ratio'?: number; - maxRatio?: number; + 'fill-type'?: string; + fillType?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ - 'max-size'?: number; - maxSize?: number; + 'font-color'?: string; + fontColor?: string; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... */ - 'max-trackers'?: number; - maxTrackers?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + * Sets the font size of the value box text. 4 | "6px" | ... */ - 'mid-point'?: boolean; - midPoint?: boolean; + 'font-size'?: string; + fontSize?: string; /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" */ - 'min-ratio'?: number; - minRatio?: number; + 'font-style'?: string; + fontStyle?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" */ - 'min-size'?: number; - minSize?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... */ - monotone?: boolean; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... */ - multiplier?: boolean; + 'gradient-stops'?: string; + gradientStops?: string; /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - negation?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} - */ - 'preview-state'?: any; - previewState?: any; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'ref-angle'?: number; - refAngle?: number; + padding?: any; /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... */ - reference?: string; + placement?: any; /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'sampling-step'?: number; - samplingStep?: number; + rtl?: boolean; /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - scales?: string; + shadow?: boolean; /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" + * Sets the text content of the object. "Some Text" | ... */ - scaling?: string; + text?: string; /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; + 'text-alpha'?: number; + textAlpha?: number; /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false + * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... */ - shadow?: boolean; + type?: string; /** - * Sets 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 | ... + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + } + + interface globals { /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + alpha?: number; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-radius'?: number; + borderRadius?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'border-width'?: number; + borderWidth?: number; /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - short?: boolean; + 'font-color'?: string; + fontColor?: string; /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - 'short-unit'?: string; - shortUnit?: string; + 'font-family'?: string; + fontFamily?: string; /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 + * Sets the font size of the object. 12 | "20px" | ... */ - 'show-zero'?: boolean; - showZero?: boolean; + 'font-size'?: number; + fontSize?: number; /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + * Sets the font weight of the object. "normal" | "bold" */ - 'size-factor'?: number; - sizeFactor?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'slice-start'?: number; - sliceStart?: number; + 'line-color'?: string; + lineColor?: string; /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - stack?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - stacked?: boolean; + 'line-width'?: number; + } + interface graphset { /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'step-start'?: string; - stepStart?: string; + alpha?: number; /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - target?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the thickness of pie3d charts. 5 | 10 | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - thickness?: number; + 'border-color'?: string; + borderColor?: string; /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'tooltip-text'?: string; - tooltipText?: string; + 'border-width'?: number; + borderWidth?: number; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - url?: string; + height?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - visible?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + * The type of the chart "line" | "bar"... */ - 'z-end'?: number; - zEnd?: number; + type?: string; /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-start'?: number; - zStart?: number; - animation?: { + width?: number; + '3d-aspect'?: { /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... */ - delay?: number; + angle?: number; /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - effect?: number; + depth?: number; /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 */ - method?: number; + true3d?: boolean; /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'on-change'?: boolean; - onChange?: boolean; + 'x-angle'?: number; + xAngle?: number; /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'on-legend-toggle'?: boolean; - onLegendToggle?: boolean; + 'y-angle'?: number; + yAngle?: number; /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - sequence?: number; + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... */ - speed?: number; + zoom?: number; }; - 'background-marker'?: { + arrows?: [ + { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + } + ]; + crosshair?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 */ - angle?: number; + exact?: boolean; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets 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)" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * 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)" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'background-fit'?: string; - backgroundFit?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the line width of the object. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ - 'background-position'?: string; - backgroundPosition?: string; + 'reverse-series'?: boolean; + reverseSeries?: boolean; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 */ - 'background-repeat'?: string; - backgroundRepeat?: string; + shared?: boolean; /** - * 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)" | ... + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" */ - 'border-color'?: string; - borderColor?: string; + trigger?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" */ - 'border-width'?: any; - borderWidth?: any; + type?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'fill-angle'?: number; - fillAngle?: number; + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + columns?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'data-string'?: string; + dataString?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 */ - 'fill-type'?: string; - fillType?: string; + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; /** - * 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" | ... + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 */ - 'gradient-colors'?: string; - gradientColors?: string; + mirrored?: boolean; /** - * 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" | ... + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'row-separator'?: string; + rowSeparator?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 */ - 'offset-x'?: any; - offsetX?: any; + 'separate-scales'?: boolean; + separateScales?: boolean; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... */ - 'offset-y'?: any; - offsetY?: any; + separator?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 */ - shadow?: boolean; + 'smart-scales'?: boolean; + smartScales?: boolean; /** - * Sets 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 | ... + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + title?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + url?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-color'?: string; - shadowColor?: string; + alpha?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * TODO: description of async attribute true | false | 1 | 0 */ - 'shadow-distance'?: any; - shadowDistance?: any; + async?: boolean; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the blur radius of the heatmap regions. 10 | 20 | ... */ - size?: any; + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the blur shapes to composite or not. true | false | 1 | 0 */ - type?: string; + composite?: boolean; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the size of the object/shape. 4 | "6px" | ... */ - visible?: boolean; + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text of the tooltip. + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + }; + images?: [ + { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + } + ]; + labels?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: calloutTip; + calloutTip?: calloutTip; + } + ]; + legend?: { /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 */ - x?: any; + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" */ - y?: any; - }; - backgroundMarker?: { + align?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -28495,17 +10982,118 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + dragHandler?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -28527,34 +11115,98 @@ declare namespace zingchart { 'fill-type'?: string; fillType?: 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" | ... + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . */ 'gradient-colors'?: string; gradientColors?: 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" | ... + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + highlightPlot?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** - * Sets 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 | ... + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; @@ -28580,17 +11232,31 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 */ - size?: any; + shared?: any; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " */ - type?: string; + 'toggle-action'?: string; + toggleAction?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - visible?: boolean; + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -28599,999 +11265,3141 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + paddingRight?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + showMarker?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + }; + 'page-off'?: pageOff; + pageOff?: pageOff; + 'page-on'?: pageOn; + pageOn?: pageOn; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; }; - 'background-state'?: { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'media-rules'?: [ + { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + } + ]; + 'no-data'?: noData; + noData?: noData; + options?: { /** - * 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)" | ... + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" */ - 'border-color'?: string; - borderColor?: string; + aspect?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] */ - 'border-width'?: any; - borderWidth?: any; + ignore?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + color?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'color-type'?: string; + colorType?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * To set the maximum font size. 20 | "30px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'max-font-size'?: any; + maxFontSize?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... */ - 'fill-type'?: string; - fillType?: string; + 'max-items'?: any; + maxItems?: any; /** - * 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" | ... + * To set the minimum font size. 10 | "12px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'min-font-size'?: any; + minFontSize?: any; /** - * 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" | ... + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'min-length'?: any; + minLength?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] */ - shadow?: boolean; + palette?: any; /** - * Sets 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 | ... + * To set whether every one or two words rotates 90 degrees. true | false (default) */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + rotate?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'step-angle'?: any; + stepAngle?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'step-radius'?: any; + stepRadius?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... */ - 'shadow-color'?: string; - shadowColor?: string; + text?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" */ - 'shadow-distance'?: any; - shadowDistance?: any; + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: contextMenu; + contextMenu?: contextMenu; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + 'hover-state'?: hoverState; + hoverState?: hoverState; + tooltip?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font angle of the object. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text to be displayed in the tooltips. "%text: %hits" | ... + */ + text?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. true | false (default) + */ + visible?: boolean; + }; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: [ + { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + } + ]; }; - backgroundState?: { + plot?: { /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - angle?: number; + alpha?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - alpha?: number; + aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: [{}]; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number; - borderRadius?: number; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - }; - 'guide-label'?: { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * 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)" | ... */ - alpha?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'background-color'?: string; - backgroundColor?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'border-color'?: string; - borderColor?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'font-color'?: string; - fontColor?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - 'font-family'?: string; - fontFamily?: string; + 'band-space'?: number; + bandSpace?: number; /** - * Sets the font size of the object. 4 | "6px" | ... + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" */ - 'font-size'?: string; - fontSize?: string; + 'bar-max-width'?: number; + barMaxWidth?: number; /** - * Sets the font style of the object. "none" | "italic" + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'font-style'?: string; - fontStyle?: string; + 'bar-space'?: number; + barSpace?: number; /** - * Sets the font weight of the object. "none" | "bold" + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'font-weight'?: string; - fontWeight?: string; + 'bar-width'?: number; + barWidth?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'line-style'?: string; - lineStyle?: string; + 'bars-overlap'?: number; + barsOverlap?: number; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - padding?: any; + 'bars-space-left'?: number; + barsSpaceLeft?: number; /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - text?: string; + 'bars-space-right'?: number; + barsSpaceRight?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * 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)" | ... */ - visible?: boolean; - }; - guideLabel?: { + 'border-color'?: string; + borderColor?: string; /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - alpha?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 | ... */ - 'font-color'?: string; - fontColor?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the font size of the object. 4 | "6px" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'font-size'?: string; - fontSize?: string; + callout?: boolean; /** - * Sets the font style of the object. "none" | "italic" + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'font-style'?: string; - fontStyle?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the font weight of the object. "none" | "bold" + * 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] | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - padding?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - text?: string; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 */ - visible?: boolean; - }; - 'highlight-marker'?: { + 'connect-nulls'?: boolean; + connectNulls?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 */ - alpha?: number; + 'contour-on-top'?: boolean; + contourOnTop?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'background-color'?: string; - backgroundColor?: string; + cursor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... */ - 'border-color'?: string; - borderColor?: string; + 'data-...'?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - 'border-width'?: number; - borderWidth?: number; + decimals?: number; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... */ - 'line-color'?: string; - lineColor?: string; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... */ - 'line-style'?: string; - lineStyle?: string; + description?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Turns off click on slices */ - 'line-width'?: number; - lineWidth?: number; + detached?: boolean; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 */ - type?: string; - }; - highlightMarker?: { + exact?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * This attribute sets the values to scientific notation true | false | 1 | 0 */ - alpha?: number; + exponent?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - 'background-color'?: string; - backgroundColor?: string; + exponentDecimals?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'border-color'?: string; - borderColor?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'line-style'?: string; - lineStyle?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] */ - 'line-width'?: number; - lineWidth?: number; + goals?: any; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... */ - type?: string; - }; - 'highlight-state'?: { + 'gradient-colors'?: string; + gradientColors?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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" | ... */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + 'group-selections'?: boolean; + groupSelections?: boolean; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ - 'border-color'?: string; - borderColor?: string; + join?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'legend-text'?: string; + legendText?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; - }; - highlightState?: { + 'line-width'?: any; + lineWidth?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... */ - alpha?: number; + 'max-nodes'?: number; + maxNodes?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'max-ratio'?: number; + maxRatio?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'border-color'?: string; - borderColor?: string; + 'max-size'?: number; + maxSize?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - 'border-width'?: number; - borderWidth?: number; + 'max-trackers'?: number; + maxTrackers?: number; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + 'mid-point'?: boolean; + midPoint?: boolean; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'min-ratio'?: number; + minRatio?: number; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'line-width'?: number; - lineWidth?: number; - }; - 'hover-marker'?: { + 'min-size'?: number; + minSize?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - alpha?: number; + monotone?: boolean; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - angle?: number; + multiplier?: boolean; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" */ - 'background-color'?: string; - backgroundColor?: string; + negation?: string; /** - * Sets 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)" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the first 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)" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Pie Charts Only: Use this to transform the shape of the pie slices. */ - 'background-fit'?: string; - backgroundFit?: string; + 'pie-transformpieTransform'?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" */ - 'background-position'?: string; - backgroundPosition?: string; + reference?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'sampling-step'?: number; + samplingStep?: number; /** - * 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)" | ... + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - 'border-color'?: string; - borderColor?: string; + scales?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" */ - 'border-width'?: any; - borderWidth?: any; + scaling?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'smart-sampling'?: boolean; + smartSampling?: boolean; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'fill-type'?: string; - fillType?: string; + shadow?: boolean; /** - * 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" | ... + * Sets 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 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * 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" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + short?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" */ - 'line-width'?: any; - lineWidth?: any; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Hole size in middle of chart */ - 'offset-x'?: any; - offsetX?: any; + slice?: number; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - 'offset-y'?: any; - offsetY?: any; + 'slice-start'?: number; + sliceStart?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... */ - shadow?: boolean; + stack?: number; /** - * Sets 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 | ... + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + stacked?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'step-start'?: string; + stepStart?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + target?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the thickness of pie3d charts. 5 | 10 | ... */ - 'shadow-color'?: string; - shadowColor?: string; + thickness?: number; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... */ - size?: any; + 'tooltip-text'?: string; + tooltipText?: string; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - type?: string; + url?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + onLegendToggle?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: [{}]; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + ]; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + tooltip?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number; + lineWidth?: number; + }; + 'value-box'?: valueBox; + valueBox?: valueBox; }; - hoverMarker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; + plotarea?: { /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 */ - visible?: boolean; - }; - 'hover-state'?: { + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - alphaArea?: number; + */ + alpha?: number; /** * 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 se @@ -29632,6 +14440,11 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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)" | ... @@ -29639,230 +14452,216 @@ declare namespace zingchart { 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'fill-type'?: string; - fillType?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * 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" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * 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" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-color'?: string; - lineColor?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * 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 | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'border-right'?: string; + borderRight?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - shadow?: boolean; + callout?: boolean; /** - * Sets 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 | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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] | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - visible?: boolean; - }; - hoverState?: { + 'callout-width'?: any; + calloutWidth?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - alpha?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'alpha-area'?: number; - alphaArea?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets 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)" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'fill-type'?: string; + fillType?: 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)" | ... + * 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" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * 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" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-image'?: string; - backgroundImage?: string; + height?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + item?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + map?: 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)" | ... + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... */ - 'border-color'?: string; - borderColor?: string; + margin?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'margin-right'?: any; + marginRight?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'fill-type'?: string; - fillType?: string; + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; /** - * 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" | ... + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'margin-left-offset'?: any; + marginLeftOffset?: any; /** - * 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" | ... + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'margin-right-offset'?: any; + marginRightOffset?: any; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'margin-top-offset'?: any; + marginTopOffset?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'mask-tolerance'?: number; + maskTolerance?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - 'line-width'?: any; - lineWidth?: any; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -29895,459 +14694,1162 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... */ - visible?: boolean; + 'size-factor'?: number; + sizeFactor?: number; }; - 'legend-item'?: { + 'scroll-x-scroll-y'?: scrollXSCrollY; + scrollXScrollY?: scrollXSCrollY; + series?: series[]; + shapes?: [ + { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + } + ]; + source?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; /** * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 + * For source, bold is the default. true | false | 1 | 0 */ bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + * Requires border-width. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Truncates text based on the setting of width. true | false | 1 | 0 */ - color?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ - cursor?: string; + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Works with fill-angle to position gradient. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Works with fill-angle to position gradient. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ margin?: any; /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; marginBottom?: any; /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; marginLeft?: any; /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's right margin. 4 | "6px" | ... */ 'margin-right'?: any; marginRight?: any; /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's top margin. 4 | "6px" | ... */ 'margin-top'?: any; marginTop?: any; /** * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; + /** + * Sets 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" + */ + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 + * For source, this may require position in order to be visible. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; shadowAngle?: number; /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ 'vertical-align'?: string; verticalAlign?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** @@ -30355,456 +15857,386 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; - }; - legendItem?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... */ - alpha?: number; + x?: any; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... */ - angle?: number; + y?: any; /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 */ bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the height of the object's callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the width of the object's callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Cuts off extra text. Use with width. true | false | 1 | 0 */ - color?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ - cursor?: string; + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + * Sets the fill type. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... + * Sets the font size of the subtitle text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 */ italic?: boolean; /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ margin?: any; /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's bottom margin. 4 | "6px" | ... */ 'margin-bottom'?: any; marginBottom?: any; /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's left margin. 4 | "6px" | ... */ 'margin-left'?: any; marginLeft?: any; /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's left margin. 4 | "6px" | ... */ 'margin-right'?: any; marginRight?: any; /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... + * Sets the object's margin from the top of the chart. 4 | "6px" | ... */ 'margin-top'?: any; marginTop?: any; /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ padding?: any; /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; shadowAngle?: number; /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 */ underline?: boolean; /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" */ 'vertical-align'?: string; verticalAlign?: string; @@ -30813,420 +16245,234 @@ declare namespace zingchart { */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; - }; - 'legend-marker'?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + x?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; + y?: any; /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - x?: any; + 'z-index'?: number; + zIndex?: number; + }; + title?: { /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 */ - y?: any; - }; - legendMarker?: { + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 */ - 'gradient-colors'?: string; - gradientColors?: string; + bold?: boolean; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... */ - size?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - type?: string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - x?: any; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ - y?: any; - }; - marker?: { + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ - alpha?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ - angle?: number; + 'border-top'?: string; + borderTop?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets if the object will have a callout arrow. true | false | 1 | 0 */ - 'background-color-1'?: string; - backgroundColor1?: string; + callout?: boolean; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" + * Sets the height of the object's callout arrow. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the width of the object's callout arrow. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. - * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * true | false | 1 | 0 */ - 'border-radius'?: any; - borderRadius?: any; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: any; - borderWidth?: any; + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the text's font size of the marker. 4 | "6px" | ... + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -31239,10 +16485,58 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -31253,6 +16547,40 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -31285,338 +16613,398 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the text content of the title. "Some Text" | ... */ - type?: string; + text?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" */ - visible?: boolean; + 'text-align'?: string; + textAlign?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's transparency of the title. 0.3 | 0.9 | ... */ - x?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" */ - y?: any; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { + underline?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" */ - alpha?: number; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'alpha-area'?: number; - alphaArea?: number; + visible?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-color'?: string; - backgroundColor?: string; + width?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-style'?: string; - lineStyle?: string; + x?: any; /** - * Sets the line width of the object. 2 | 4 | "6px" | ... + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: any; - lineWidth?: any; + y?: any; /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - type?: string; + 'z-index'?: number; + zIndex?: number; }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - ]; - 'selected-marker'?: { + tooltip?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: 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)" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - 'fill-angle'?: number; - fillAngle?: number; + callout?: boolean; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * 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. For graph plot tooltip. [200, 50] | ... */ - 'fill-type'?: string; - fillType?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * 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" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * 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" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" */ - 'gradient-stops'?: string; - gradientStops?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... */ - 'offset-x'?: any; - offsetX?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - shadow?: boolean; + color?: string; /** - * Sets 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 | ... + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + decimals?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ - size?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ - type?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... */ - visible?: boolean; + 'font-color'?: string; + fontColor?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ - x?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's font size of the tooltip. 4 | "6px" | ... */ - y?: any; - }; - selectedMarker?: { + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - alpha?: number; + map?: string; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - angle?: number; + margin?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets 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)" | ... + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * 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)" | ... + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'margin-right'?: any; + marginRight?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'max-width'?: any; + maxWidth?: any; /** - * 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)" | ... + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + padding?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ - 'fill-type'?: string; - fillType?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * 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" | ... + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * 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" | ... + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + placement?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ - 'offset-x'?: any; - offsetX?: any; + position?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -31649,148 +17037,418 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - x?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the character used to separate thousands. "," | "." | " " | ... */ - y?: any; - }; - 'selected-state'?: { + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} */ - alpha?: number; + transform?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + visible?: boolean; /** - * Sets 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)" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + width?: any; /** - * 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)" | ... + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'z-index'?: number; + zIndex?: number; + }; + widget?: { /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... */ - 'background-image'?: string; - backgroundImage?: string; + type?: string; + }; + zoom?: { /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'background-position'?: string; - backgroundPosition?: string; + alpha?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'background-color'?: string; + backgroundColor?: 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)" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 */ - 'shadow-color'?: string; - shadowColor?: string; + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number; + borderWidth?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: string; + fontSize?: string; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * To enabled shared zooming when there are mulitple charts in a graphset */ - 'shadow-distance'?: any; - shadowDistance?: any; + shared?: boolean; }; - selectedState?: { + } + + interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; + } + interface gui { + /** + * To create custom context menu items + */ + behaviors?: behavior[]; + 'context-menu'?: contextMenuGui; + contextMenu?: contextMenuGui; + } + interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -31911,323 +17569,315 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; }; - text?: string; - tooltip?: { + } + interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + resetTimeout?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + adjustScale?: boolean; + curtain?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - 'border-alpha'?: number; - borderAlpha?: number; + bold?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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. For graph plot tooltip. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + * 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-angle'?: number; fontAngle?: number; /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's font size. 4 | "6px" | ... */ - height?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - margin?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - 'margin-bottom'?: any; - marginBottom?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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" | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * 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" | ... */ - 'margin-right'?: any; - marginRight?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - 'margin-top'?: any; - marginTop?: any; + italic?: boolean; /** * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ @@ -32264,479 +17914,989 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the text content of the object. "Some Text" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + text?: string; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'z-index'?: number; - zIndex?: number; - }; - 'trend-down'?: { + 'text-align'?: string; + textAlign?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - alpha?: number; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'background-color'?: string; - backgroundColor?: string; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + underline?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'border-width'?: number; - borderWidth?: number; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + visible?: boolean; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'line-width'?: number; - lineWidth?: number; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - trendDown?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; + } + interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + bandSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + barWidth?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + dataDragging?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + previewState?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + zStart?: number; + animation?: { /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - 'line-width'?: number; - lineWidth?: number; - }; - 'trend-equal'?: { + delay?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... */ - alpha?: number; + effect?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... */ - 'background-color'?: string; - backgroundColor?: string; + method?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + 'on-change'?: boolean; + onChange?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 */ - 'border-width'?: number; - borderWidth?: number; + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... */ - 'line-color'?: string; - lineColor?: string; + sequence?: number; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... */ - 'line-width'?: number; - lineWidth?: number; + speed?: number; }; - trendEqual?: { + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number; - borderWidth?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number; - lineWidth?: number; - }; - 'trend-up'?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'border-width'?: number; - borderWidth?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + size?: any; }; - trendUp?: { + errors?: [{}]; + goal?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'background-color'?: any; + backgroundColor?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-color'?: any; + borderColor?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; + /** + * Sets the border width of the object. 4 | "6px" | ... */ 'border-width'?: number; borderWidth?: number; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the height of the object. 10 | "20px" */ - 'line-color'?: string; - lineColor?: string; + height?: number; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'line-width'?: number; - lineWidth?: number; + 'line-style'?: string; + lineStyle?: string; }; - 'value-box'?: { + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { /** * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ angle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - decimals?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: string; - fontSize?: string; - /** - * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + * Sets the text's font size of the marker. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'line-style'?: string; - lineStyle?: string; + map?: string; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - padding?: any; + shadow?: boolean; /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... + * Sets 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 | ... */ - placement?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - rtl?: boolean; + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - shadow?: boolean; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; /** * Sets the character used to separate thousands. "," | "." | " " | ... */ 'thousands-separator'?: string; thousandsSeparator?: string; /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; }; - valueBox?: { + rules?: [ + { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + ]; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + text?: string; + tooltip?: { /** * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ angle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * 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)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; @@ -32747,120 +18907,299 @@ declare namespace zingchart { 'border-alpha'?: number; borderAlpha?: number; /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ callout?: boolean; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ - decimals?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * 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. For graph plot tooltip. [200, 50] | ... */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the font color of the object. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the object. 4 | "6px" | ... + * Sets the text's font size of the tooltip. 4 | "6px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the font style of the object. Similar to the "italic" attribute. "none" | "italic" + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the object. Similar to the "bold" attribute. "normal" | "bold" + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-style'?: string; - lineStyle?: string; + height?: any; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the padding of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ padding?: any; /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ - placement?: any; + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -32868,20 +19207,32 @@ declare namespace zingchart { 'text-alpha'?: number; textAlpha?: number; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + visible?: boolean; /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + width?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - visible?: boolean; + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; }; + 'trend-down'?: trendDown; + trendDown?: trendDown; + 'trend-equal'?: trendEqual; + trendEqual?: trendEqual; + 'trend-up'?: trendUp; + trendUp?: trendUp; + 'value-box'?: valueBox; + valueBox?: valueBox; values?: any; } } From 1f71e8b326ece561d5b02f7de997fdd1e4d11edf Mon Sep 17 00:00:00 2001 From: jphung Date: Wed, 15 Sep 2021 15:11:14 -0700 Subject: [PATCH 37/86] Update exec arg to be optional --- types/zingchart/es6/index.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 02aef1cbe4e55e..28c0a57da37451 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,7 +1,7 @@ declare namespace zingchart { function render(config: object): null; function bind(id: string, eventName: string, cb?: any): void; - function exec(id: string, call: string, params: any): any; + function exec(id: string, call: string, params?: any): any; function unbind(id: string, event: string, fn?: any): void; let BUILDCODE: string[]; From 9730c6574208b87ee6c6736422a1ac239660493d Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 28 Sep 2021 09:13:12 -0700 Subject: [PATCH 38/86] Add missing properties: series.id series.type graphset.utc graphset.plot.selectedState.lineWidth graphset.plot.tooltip.textAlign graphset.plot.valueBox.fontSize (doesn't accept numbers, only string) graphset.maxTrackers graphset.legend.marker.borderRadius graphset.scaleX.maxItems graphset.scaleY.zooming --- types/zingchart/es6/index.d.ts | 92 ++++++++++++++++++++++-------- types/zingchart/zingchart-tests.ts | 1 + 2 files changed, 69 insertions(+), 24 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 28c0a57da37451..d7ded22ddad838 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -958,8 +958,8 @@ declare namespace zingchart { /** * Sets the font size of the object. 4 | "6px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object. "none" | "italic" */ @@ -3956,8 +3956,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -5013,8 +5013,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -5133,6 +5133,11 @@ declare namespace zingchart { */ 'margin-top'?: any; marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; /** * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... */ @@ -6419,8 +6424,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -7163,6 +7168,10 @@ declare namespace zingchart { * s, etc separately, true | false | 1 | 0 */ visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; /** * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 @@ -8348,8 +8357,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -8756,6 +8765,11 @@ declare namespace zingchart { */ 'line-color'?: string; lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: string; + lineWidth?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -9008,8 +9022,8 @@ declare namespace zingchart { /** * Sets the font size of the value box text. 4 | "6px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" */ @@ -9147,8 +9161,8 @@ declare namespace zingchart { /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; - fontSize?: number; + 'font-size'?: any; + fontSize?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ @@ -9194,8 +9208,8 @@ declare namespace zingchart { /** * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: number; - fontSize?: number; + 'font-size'?: any; + fontSize?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ @@ -9241,8 +9255,8 @@ declare namespace zingchart { /** * Sets the font size of the object. 12 | "20px" | ... */ - 'font-size'?: number; - fontSize?: number; + 'font-size'?: any; + fontSize?: any; /** * Sets the font weight of the object. "normal" | "bold" */ @@ -12351,15 +12365,20 @@ declare namespace zingchart { */ 'border-color'?: string; borderColor?: string; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number; + borderRadius?: number; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; - /** + /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - cursor?: string; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -12613,8 +12632,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -12664,6 +12683,12 @@ declare namespace zingchart { wrapText?: boolean; }; }; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; 'media-rules'?: [ { /** @@ -14321,6 +14346,11 @@ declare namespace zingchart { * Sets the text content of the object. "Some Text" | ... */ text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; /** * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -17072,6 +17102,10 @@ declare namespace zingchart { 'z-index'?: number; zIndex?: number; }; + /** + * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. + */ + utc?: boolean; widget?: { /** * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" @@ -17143,8 +17177,8 @@ declare namespace zingchart { /** * Sets the font size of the object text. 12 | "20px" | ... */ - 'font-size'?: string; - fontSize?: string; + 'font-size'?: any; + fontSize?: any; /** * Sets the font style of the object text. "normal" | "italic" */ @@ -18212,6 +18246,10 @@ declare namespace zingchart { */ 'group-selections'?: boolean; groupSelections?: boolean; + /** + * Sets the ID of the object. "myid" | "f1" | ... + */ + id?: string; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ @@ -18459,6 +18497,12 @@ declare namespace zingchart { */ 'tooltip-text'?: string; tooltipText?: string; + /** + * Sets the type of the object/shape. + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Default Value: 'poly' + */ + type?: string; /** * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 9e5b062eeb6c3f..6fa50edee3d076 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -23,6 +23,7 @@ zingchart.render({ }, scaleY: { autoFit: true, + zooming: true, }, plot: { animation: { From 299f775dca97ffbb5a213b8cde60a241f8201a0e Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 28 Sep 2021 09:26:27 -0700 Subject: [PATCH 39/86] Fix alignment issues --- types/zingchart/es6/index.d.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index d7ded22ddad838..c5435100313758 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -12376,8 +12376,8 @@ declare namespace zingchart { 'border-width'?: any; borderWidth?: any; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... @@ -18499,7 +18499,8 @@ declare namespace zingchart { tooltipText?: string; /** * Sets the type of the object/shape. - * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', + * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] * Default Value: 'poly' */ type?: string; From d3cd06196b09e9351c72ed26601477093e67c226 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Fri, 1 Oct 2021 10:57:39 -0700 Subject: [PATCH 40/86] Update/fix properties: - *.lineWidth - *.borderWidth - graphset.plot.dataAppendSelection - graphset.plot.dataIgnoreSelection - graphset.plot.selectionMode - graphset.scaleX.thousandsSeparator - graphset.scaleX.zooming - graphset.plot.highlight - graphset.timeZone --- types/zingchart/es6/index.d.ts | 579 +++++++++++++++-------------- types/zingchart/zingchart-tests.ts | 1 + 2 files changed, 311 insertions(+), 269 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c5435100313758..494e7b54dbd77f 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -96,8 +96,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -251,8 +251,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -338,8 +338,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -348,8 +348,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the size of the object. 4 | "6px" | ... */ @@ -424,8 +424,8 @@ declare namespace zingchart { /** * Sets the width of the object's border. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... @@ -616,8 +616,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -693,8 +693,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -743,8 +743,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -793,8 +793,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -850,8 +850,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -900,8 +900,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -943,8 +943,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -1010,8 +1010,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -1025,8 +1025,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 @@ -1054,8 +1054,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -1069,8 +1069,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 @@ -1136,8 +1136,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -1196,8 +1196,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -1320,8 +1320,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -1384,8 +1384,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ @@ -1544,8 +1544,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -1836,8 +1836,8 @@ declare namespace zingchart { * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 @@ -2234,8 +2234,8 @@ declare namespace zingchart { * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u * pper right box. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -2349,8 +2349,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -2389,8 +2389,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -2527,8 +2527,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, * 15)" | ... @@ -2788,8 +2788,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -2927,8 +2927,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3123,8 +3123,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -3454,8 +3454,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -3719,8 +3719,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. true | false */ @@ -3774,8 +3774,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. true | false */ @@ -3800,8 +3800,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; } ]; }; @@ -3837,8 +3837,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -3894,8 +3894,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -3941,8 +3941,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -4130,8 +4130,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -4386,8 +4386,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the size of the pivot point. 4 | "6px" | ... */ @@ -4437,8 +4437,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. true | false */ @@ -4476,8 +4476,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -4552,8 +4552,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line 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, @@ -4569,8 +4569,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an ending offset for the scale marker. 0.1 | ... */ @@ -4622,8 +4622,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -4708,8 +4708,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ @@ -4743,8 +4743,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ @@ -4778,8 +4778,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -4840,8 +4840,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. true | false */ @@ -4892,8 +4892,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -4951,8 +4951,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -4998,8 +4998,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -5223,6 +5223,13 @@ declare namespace zingchart { */ 'show-labels'?: any; showLabels?: any; + /** + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Sets the size of the object/shape. 4 | '6px' | ... */ @@ -5239,6 +5246,10 @@ declare namespace zingchart { * s, etc separately, true | false | 1 | 0 */ visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; /** * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def * ault, zoom-snap is set to false. true | false | 1 | 0 @@ -5296,8 +5307,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -5322,7 +5333,7 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; + 'border-width'?: number | string } ]; }; @@ -5442,8 +5453,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -5777,8 +5788,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -6057,8 +6068,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -6127,8 +6138,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -6231,8 +6242,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -6330,8 +6341,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ @@ -6409,8 +6420,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -6530,8 +6541,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -6653,8 +6664,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -6999,8 +7010,8 @@ declare namespace zingchart { /** * Sets the width of the axis line. 4 | '6px' | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E * | 10 | 2 | ... @@ -7229,8 +7240,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -7255,7 +7266,7 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; + 'border-width'?: number | string } ]; }; @@ -7375,8 +7386,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -7710,8 +7721,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -7989,8 +8000,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -8059,8 +8070,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -8163,8 +8174,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -8263,8 +8274,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ @@ -8342,8 +8353,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -8575,8 +8586,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -8726,8 +8737,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -8763,13 +8774,13 @@ declare namespace zingchart { /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: string; - lineWidth?: string; + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -8823,8 +8834,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -8833,8 +8844,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; } interface trendEqual { /** @@ -8857,8 +8868,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -8867,8 +8878,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; } interface trendUp { /** @@ -8891,8 +8902,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -8901,8 +8912,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; } interface valueBox { /** @@ -8973,8 +8984,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -9122,8 +9133,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; }; joined?: { /** @@ -9151,8 +9162,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -9198,8 +9209,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -9240,8 +9251,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ @@ -9303,8 +9314,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -9481,8 +9492,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the direction of the arrow "top" | "bottom" | "left" | "right" */ @@ -9677,8 +9688,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -9727,8 +9738,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -9974,8 +9985,8 @@ declare namespace zingchart { /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -10368,8 +10379,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -10648,8 +10659,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -11057,8 +11068,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -11392,8 +11403,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if * border-color is not set. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -11750,8 +11761,8 @@ declare namespace zingchart { /** * Requires border-color. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -12009,8 +12020,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -12136,8 +12147,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -12373,8 +12384,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -12437,8 +12448,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -12617,8 +12628,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -12933,8 +12944,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ @@ -12991,8 +13002,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font angle of the object. -45 | 115 | ... */ @@ -13211,8 +13222,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -13266,6 +13277,16 @@ declare namespace zingchart { * anywhere in a chart. "Some Text" | ... */ 'data-...'?: string; + /** + * Certain plot to add in selection tool. + */ + 'data-append-selection'?: boolean; + dataAppendSelection?: boolean; + /** + * Certain plot to ignore in selection tool. + */ + 'data-ignore-selection'?: boolean; + dataIgnoreSelection?: boolean; /** * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ @@ -13342,6 +13363,12 @@ declare namespace zingchart { */ 'group-selections'?: boolean; groupSelections?: boolean; + /** + * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or + * "highlight-marker" object(s), which allow for custom styling. + * Default Value: false + */ + hightlight?: boolean; /** * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ @@ -13378,8 +13405,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b @@ -13492,6 +13519,14 @@ declare namespace zingchart { */ 'segment-trackers'?: boolean; segmentTrackers?: boolean; + /** + * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows + * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which + * allow you specify the styling attributes you want applied. + * Accepted Values: ['none', 'plot', 'graph', 'multiple'] + */ + 'selection-mode'?: string; + selectionMode?: string; /** * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false */ @@ -13685,8 +13720,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -13717,8 +13752,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the height of the object. 10 | "20px" */ @@ -13812,8 +13847,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ @@ -13950,8 +13985,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ @@ -14092,8 +14127,8 @@ declare namespace zingchart { /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -14402,8 +14437,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -14412,8 +14447,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number; - lineWidth?: number; + 'line-width'?: number | string; + lineWidth?: number | string; }; 'value-box'?: valueBox; valueBox?: valueBox; @@ -14532,8 +14567,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -14771,8 +14806,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14877,8 +14912,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -15006,8 +15041,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -15347,8 +15382,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ @@ -15412,8 +15447,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ @@ -15606,8 +15641,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Requires border-width. true | false | 1 | 0 */ @@ -16007,8 +16042,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -16298,6 +16333,12 @@ declare namespace zingchart { 'z-index'?: number; zIndex?: number; }; + /** + * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. + * Default Value: 0 + */ + 'time-zone'?: number; + timeZone?: number; title?: { /** * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 @@ -16406,8 +16447,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black.. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets if the object will have a callout arrow. true | false | 1 | 0 */ @@ -16816,8 +16857,8 @@ declare namespace zingchart { /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -17134,8 +17175,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 */ @@ -17162,8 +17203,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -17331,8 +17372,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -17537,8 +17578,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -17753,8 +17794,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -18113,8 +18154,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -18286,8 +18327,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b @@ -18591,8 +18632,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -18623,8 +18664,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number; - borderWidth?: number; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the height of the object. 10 | "20px" */ @@ -18722,8 +18763,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ @@ -18870,8 +18911,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ @@ -19013,8 +19054,8 @@ declare namespace zingchart { /** * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: number | string + borderWidth?: number | string; /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 6fa50edee3d076..2641b91ade1ae0 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -42,6 +42,7 @@ zingchart.render({ text: 'Hello World', }, }, + timeZone: 1, zoom: { shared: true, } From f4c88e1426a647838db02168a1c7962b8b206495 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Wed, 13 Oct 2021 08:20:41 -0700 Subject: [PATCH 41/86] Add missing attributes: - graphset.legend.marker.borderRadius (type) - graphset.plot.highlight - graphset.zoomSnap - graphset.selectionTool --- types/zingchart/es6/index.d.ts | 97 +++++++++++++++++++++++----------- 1 file changed, 65 insertions(+), 32 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 494e7b54dbd77f..e2deac318c9c20 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -192,6 +192,7 @@ declare namespace zingchart { */ y?: any; } + interface backgroundState { /** * Sets the rotation angle of the object/shape. -45 | 115 | ... @@ -1315,8 +1316,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -3832,8 +3833,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -4471,8 +4472,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -4547,8 +4548,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -4617,8 +4618,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -4887,8 +4888,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -6237,8 +6238,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -8169,8 +8170,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -9157,8 +9158,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -9204,8 +9205,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -9246,8 +9247,8 @@ declare namespace zingchart { /** * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ @@ -12379,8 +12380,8 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ @@ -12939,8 +12940,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -12997,8 +12998,8 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ @@ -13747,8 +13748,8 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 4 | "6px" | ... */ @@ -13770,6 +13771,7 @@ declare namespace zingchart { }; 'guide-label'?: guideLabel; guideLabel?: guideLabel; + highlight?: boolean; 'highlight-marker'?: highlightMarker; highlightMarker?: highlightMarker; 'highlight-state'?: highlightState; @@ -15294,6 +15296,33 @@ declare namespace zingchart { }; 'scroll-x-scroll-y'?: scrollXSCrollY; scrollXScrollY?: scrollXSCrollY; + selectionTool?: { + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + }; + }; series?: series[]; shapes?: [ { @@ -17244,6 +17273,10 @@ declare namespace zingchart { */ shared?: boolean; }; + /** + * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. + */ + zoomSnap?: boolean; } interface behavior { @@ -18659,8 +18692,8 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number; - borderRadius?: number; + 'border-radius'?: number | string; + borderRadius?: number | string; /** * Sets the border width of the object. 4 | "6px" | ... */ From 4d6769a35969afc4b318717c7eb241966ed704fa Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Wed, 13 Oct 2021 08:33:46 -0700 Subject: [PATCH 42/86] Added tests for previous commit --- types/zingchart/zingchart-tests.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 2641b91ade1ae0..13ca88065868da 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -47,4 +47,6 @@ zingchart.render({ shared: true, } }], + zoom: {}, + zoomSnap: true, }); From 036b67e3c2d33cd79dbcca0067c582b769aab297 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 29 Nov 2021 17:01:29 -0800 Subject: [PATCH 43/86] update(zingchart): add behavior.text and behavior.customFunction, and updated graphset.labels --- types/zingchart/es6/index.d.ts | 12845 ++++++++++++++------------- types/zingchart/zingchart-tests.ts | 4 + 2 files changed, 6431 insertions(+), 6418 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index e2deac318c9c20..c86c4677fc7b00 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1703,365 +1703,317 @@ declare namespace zingchart { */ width?: any; } - interface legendItem { + + interface label { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the style of the cursor when hovering over the label. "hand" | "normal" */ cursor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + * will rotate the object by that number of degrees counter-clockwise. Similar to angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... */ - italic?: boolean; + hook?: string; /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - margin?: any; + italic?: boolean; /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Prevents hooked labels from showing outside of the plotarea none | xy */ - 'margin-bottom'?: any; - marginBottom?: any; + limit?: string; /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'margin-right'?: any; - marginRight?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'margin-top'?: any; - marginTop?: any; + 'line-style'?: string; + lineStyle?: string; /** * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; @@ -2070,88 +2022,78 @@ declare namespace zingchart { */ rtl?: boolean; /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; shadowAngle?: number; /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - size?: any; + target?: string; /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ 'vertical-align'?: string; verticalAlign?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** @@ -2159,557 +2101,470 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: calloutTip; + calloutTip?: calloutTip; } - interface legendMarker { + interface legendItem { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... */ angle?: number; /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + * r than Plot. See red text in upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... */ - cursor?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-type'?: string; - fillType?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; + callout?: boolean; /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - size?: any; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - type?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... */ - visible?: boolean; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - x?: any; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" */ - y?: any; - } - interface minorGuide { + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - alpha?: number; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the line 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)' | ... + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; + color?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'line-gap-size'?: any; - lineGapSize?: any; + cursor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" */ - visible?: boolean; - } - interface minorTick { + 'fill-type'?: string; + fillType?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... */ - alpha?: number; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the line 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)' | ... + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'font-color'?: string; + fontColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" */ - 'line-style'?: string; - lineStyle?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... */ - placement?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the size of the object. 10 | '16px' | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... */ - size?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the visibility of the object. true | false + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - } - interface noData { + height?: any; /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 */ - align?: string; + italic?: boolean; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + margin?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - alpha?: number; + 'margin-bottom'?: any; + marginBottom?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets 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)" | ... + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'margin-right'?: any; + marginRight?: any; /** - * 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)" | ... + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... */ - bold?: boolean; + order?: any; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'border-bottom'?: string; - borderBottom?: string; + padding?: any; /** - * 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)" | ... + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-left'?: string; - borderLeft?: string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + rtl?: boolean; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + shadow?: boolean; /** - * 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 | ... + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... */ - 'border-right'?: string; - borderRight?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... */ - 'border-top'?: string; - borderTop?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... */ - color?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + size?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" */ - url?: string; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false | 1 | 0 */ visible?: boolean; /** @@ -2717,307 +2572,269 @@ declare namespace zingchart { */ width?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; } - interface pageOff { + interface legendMarker { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... */ angle?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the first 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: 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)" | ... + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" */ 'fill-type'?: string; fillType?: 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" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; + size?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + type?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 */ - 'shadow-color'?: string; - shadowColor?: string; + visible?: boolean; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + x?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; + y?: any; } - interface pageOn { + interface minorGuide { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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)" | ... + * Sets the line 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-color'?: string; - borderColor?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'fill-type'?: string; - fillType?: string; + visible?: boolean; + } + interface minorTick { /** - * 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" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + alpha?: number; /** - * 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" | ... + * Sets the line 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)' | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - shadow?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets 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 | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'shadow-angle'?: number; - shadowAngle?: number; + placement?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the size of the object. 10 | '16px' | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + size?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the visibility of the object. true | false */ - 'shadow-color'?: string; - shadowColor?: string; + visible?: boolean; + } + interface noData { /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" */ - 'shadow-distance'?: any; - shadowDistance?: any; + align?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - visible?: boolean; - } - interface pageStatus { + 'vertical-align'?: string; + verticalAlign?: string; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -3127,48 +2944,8 @@ declare namespace zingchart { 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** @@ -3198,12 +2975,13 @@ declare namespace zingchart { 'font-angle'?: number; fontAngle?: number; /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; @@ -3213,12 +2991,12 @@ declare namespace zingchart { 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -3239,21 +3017,9 @@ declare namespace zingchart { */ height?: any; /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - maxWidth?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -3265,8 +3031,9 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** @@ -3293,12 +3060,43 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; @@ -3309,20 +3107,20 @@ declare namespace zingchart { 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - underline?: string; + underline?: boolean; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + url?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -3336,13 +3134,25 @@ declare namespace zingchart { */ 'wrap-text'?: boolean; wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; } - interface plotLabel { + interface pageOff { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -3358,8 +3168,8 @@ declare namespace zingchart { 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the first 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-color-2'?: string; backgroundColor2?: string; @@ -3383,99 +3193,17 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3496,37 +3224,6 @@ declare namespace zingchart { */ 'fill-type'?: string; fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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" | ... @@ -3539,73 +3236,155 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * 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" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - padding?: any; + shadow?: boolean; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets 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 | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - rtl?: boolean; + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageOn { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -3638,381 +3417,340 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - text?: string; + visible?: boolean; + } + interface pageStatus { /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-align'?: string; - textAlign?: string; + alpha?: number; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + angle?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + * Sets 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)" | ... */ - transform?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * 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)" | ... */ - underline?: boolean; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'vertical-align'?: string; - verticalAlign?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - visible?: boolean; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - width?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface refLine { + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - alpha?: number; + bold?: boolean; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-color'?: string; - lineColor?: string; + 'border-bottom'?: string; + borderBottom?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + * 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)" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'border-color'?: string; + borderColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the visibility of the object. true | false + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; - } - interface scaleK { + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - aspect?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + * 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 | ... */ - format?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Allows you to set custom labels for each step along scale-k. [...] + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - values?: any; + 'border-top'?: string; + borderTop?: string; /** - * Used to hide the k-axis. true | false + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - } - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; } - interface scaleLabel { + interface plotLabel { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -4059,8 +3797,7 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -4138,10 +3875,15 @@ declare namespace zingchart { */ callout?: boolean; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -4189,8 +3931,7 @@ declare namespace zingchart { 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; @@ -4227,14 +3968,26 @@ declare namespace zingchart { 'max-chars'?: number; maxChars?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'max-width'?: any; + maxWidth?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; offsetY?: any; /** * 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 @@ -4298,7 +4051,7 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** @@ -4349,84 +4102,81 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; } - interface scaleR { + interface refLine { /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - labels?: any; + alpha?: number; /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'minor-ticks'?: number; - minorTicks?: number; + 'line-color'?: string; + lineColor?: string; /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... */ values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; guide?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the line 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)' | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'line-color'?: string; lineColor?: string; @@ -4444,6 +4194,30 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + } + ]; }; item?: { /** @@ -4452,9 +4226,9 @@ declare namespace zingchart { */ alpha?: number; /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number; + angle?: number /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 @@ -4505,12 +4279,7 @@ declare namespace zingchart { 'font-weight'?: string; fontWeight?: string; /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ padding?: number; /** @@ -4519,4917 +4288,4074 @@ declare namespace zingchart { */ 'text-alpha'?: number; textAlpha?: number; + }; + tick?: { /** - * Sets the visibility of the object. + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false */ visible?: boolean; }; - markers?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number; - offsetEnd?: number; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number; - offsetStart?: number; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - ring?: { + tooltip?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the size of the object. 30 | '40px' | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - } - ]; - }; - tick?: { + 'font-family'?: string; + fontFamily?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - alpha?: number; + 'font-size'?: any; + fontSize?: any; /** - * Sets the line 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)' | ... + * Sets the font style of the object text. "normal" | "italic" */ - 'line-color'?: string; - lineColor?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the font weight of the object text. "normal" | "bold" */ - 'line-style'?: string; - lineStyle?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + height?: number; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the padding around the object text. "10%" | "25px" ... */ - placement?: string; + padding?: number; /** - * Sets the size of the object. 30 | '40px' | ... + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - size?: number; + sticky?: boolean; /** - * Sets the visibility of the object. true | false + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; } - interface scaleV { + interface scaleLabel { /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - format?: string; + alpha?: number; /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - labels?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + * Sets 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)" | ... */ - values?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Used to hide the v-axis. true | false + * 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)" | ... */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - } - ]; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - 'ref-line'?: refLine; - refLine?: refLine; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } - interface scaleX { + 'background-color-2'?: string; + backgroundColor2?: string; /** - * true | false | 1 | 0 + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'auto-fit'?: boolean; - autoFit?: boolean; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - exponent?: boolean; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'exponent-decimals'?: number; - exponentDecimals?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - layout?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + bold?: boolean; /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'border-bottom'?: string; + borderBottom?: string; /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... + * 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)" | ... */ - 'log-base'?: any; - logBase?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - margin?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the object's bottom margin. 4 | '6px' | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the object's left margin. 4 | '6px' | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the object's right margin. 4 | '6px' | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-right'?: any; - marginRight?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the object's top margin. 4 | '6px' | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-top'?: any; - marginTop?: any; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + * 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 | ... */ - 'max-items'?: number; - maxItems?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'max-labels'?: number; - maxLabels?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'max-ticks'?: number; - maxTicks?: number; + 'border-top'?: string; + borderTop?: string; /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'max-value'?: number; - maxValue?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'minor-ticks'?: number; - minorTicks?: number; + callout?: boolean; /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - mirrored?: boolean; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ - negation?: string; + color?: string; /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'offset-end'?: number; - offsetEnd?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'offset-start'?: number; - offsetStart?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the placement of the scale object. 'default' | 'opposite' + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - placement?: string; + 'fill-type'?: string; + fillType?: string; /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - progression?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'ref-angle'?: number; - refAngle?: number; + 'font-color'?: string; + fontColor?: string; /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'ref-value'?: number; - refValue?: number; + 'font-family'?: string; + fontFamily?: string; /** - * 5 | 10 | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - 'scale-factor'?: number; - scaleFactor?: number; + 'font-size'?: any; + fontSize?: any; /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ - short?: boolean; + 'font-style'?: string; + fontStyle?: string; /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - 'short-unit'?: string; - shortUnit?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * ['A', 'B'] | ... + * 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" | ... */ - 'show-labels'?: any; - showLabels?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, - * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. - * Default Value: null + * 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" | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the size of the object/shape. 4 | '6px' | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - size?: any; + height?: any; /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - values?: any; + italic?: boolean; /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 + * 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 "..." 5 | 10 | ... */ - visible?: boolean; + 'max-chars'?: number; + maxChars?: number; /** - * To turn on chart zooming on scale. Default is false. + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - zooming?: boolean; + 'offset-x'?: any; + offsetX?: any; /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the border 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)' | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-color'?: string; + borderColor?: 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)" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the size of the pivot point. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + size?: number; /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + type?: string; /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + x?: number; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ 'line-width'?: number | string; lineWidth?: number | string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - } - ]; }; item?: { /** - * 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 comp - * letely opaque. 0....1 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ angle?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-color background gradient of the object. To be used with background-color-2. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border 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)' | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'fill-type'?: string; - fillType?: string; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * 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 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: any; - fontSize?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the font style of the object. 'italic' | 'normal' */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the font weight of the object. 'bold' | 'normal' */ 'font-weight'?: string; fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + offsetR?: number; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'padding-left'?: any; - paddingLeft?: any; + padding?: number; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; }; - label?: { + markers?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number; + offsetEnd?: number; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number; + offsetStart?: number; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { /** - * 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 comp - * letely 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 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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)" | ... + * Sets the border 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)' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'background-image'?: string; - backgroundImage?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; + size?: number; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + } + ]; + }; + tick?: { /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'border-bottom'?: string; - borderBottom?: string; + alpha?: number; /** - * 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)" | ... + * Sets the line 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-color'?: string; - borderColor?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-left'?: string; - borderLeft?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + placement?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + size?: number; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the visibility of the object. true | false */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { /** - * 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 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + alpha?: number; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'border-right'?: string; - borderRight?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-top'?: string; - borderTop?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-width'?: number | string - borderWidth?: number | string + 'line-style'?: string; + lineStyle?: string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - callout?: boolean; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'callout-extension'?: any; - calloutExtension?: any; + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + } + ]; + }; + item?: { /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'callout-height'?: any; - calloutHeight?: any; + alpha?: number; /** - * 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] | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ - 'callout-hook'?: any; - calloutHook?: any; + angle?: number; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the border 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)' | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'border-width'?: number | string + borderWidth?: number | 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)" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - color?: string; + 'font-color'?: string; + fontColor?: string; /** - * 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 - * | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'font-style'?: string; + fontStyle?: 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" + * Sets the font weight of the object. 'bold' | 'normal' */ - 'fill-type'?: string; - fillType?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * 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 | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ - 'font-angle'?: number; - fontAngle?: number; + padding?: number; /** - * 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)" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'font-color'?: string; - fontColor?: string; + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'font-family'?: string; - fontFamily?: string; + alpha?: number; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'font-size'?: any; - fontSize?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'font-style'?: string; - fontStyle?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets the line width of the object. 4 | '6px' | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'line-width'?: number | string; + lineWidth?: number | 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" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'gradient-colors'?: string; - gradientColors?: string; + placement?: 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" | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + size?: number; /** - * 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%" | ... + * Sets the visibility of the object. true | false */ - height?: any; + visible?: boolean; + }; + tooltip?: { /** - * 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 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - italic?: boolean; + alpha?: number; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * 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 | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'max-chars'?: number; - maxChars?: number; + 'border-alpha'?: number; + borderAlpha?: number; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'max-width'?: any; - maxWidth?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'offset-x'?: any; - offsetX?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'border-width'?: number | string + borderWidth?: number | string /** - * 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" | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - padding?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the font style of the object text. "normal" | "italic" */ - 'padding-right'?: any; - paddingRight?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the font weight of the object text. "normal" | "bold" */ - 'padding-top'?: any; - paddingTop?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - rtl?: boolean; + height?: number; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the padding around the object text. "10%" | "25px" ... */ - text?: string; + padding?: number; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 */ - 'text-align'?: string; - textAlign?: string; + sticky?: boolean; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ - 'text-alpha'?: number; - textAlpha?: number; + text?: string; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... */ - underline?: boolean; + timeout?: number; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the visibility of the object. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: any; + width?: number; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - } - interface scaleY { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - itemsOverlap?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: number; - offsetEnd?: number; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: number; - offsetStart?: number; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - sizeFactor?: string; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - } - ]; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - 'ref-line'?: refLine; - refLine?: refLine; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - transform?: { - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - } - interface scrollXSCrollY { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; } - interface selectedMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; + interface scaleX { /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * true | false | 1 | 0 */ - 'offset-x'?: any; - offsetX?: any; + 'auto-fit'?: boolean; + autoFit?: boolean; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; + exponent?: boolean; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - shadow?: boolean; + 'exponent-decimals'?: number; + exponentDecimals?: number; /** - * Sets 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 | ... + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + layout?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'log-base'?: any; + logBase?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... */ - size?: any; + margin?: any; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the object's bottom margin. 4 | '6px' | ... */ - type?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's left margin. 4 | '6px' | ... */ - visible?: boolean; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's right margin. 4 | '6px' | ... */ - x?: any; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's top margin. 4 | '6px' | ... */ - y?: any; - } - interface selectedState { + 'margin-top'?: any; + marginTop?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - alpha?: number; + 'max-items'?: number; + maxItems?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'max-labels'?: number; + maxLabels?: number; /** - * Sets 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)" | ... + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'max-ticks'?: number; + maxTicks?: number; /** - * 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)" | ... + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'max-value'?: number; + maxValue?: number; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'minor-ticks'?: number; + minorTicks?: number; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 */ - 'background-image'?: string; - backgroundImage?: string; + mirrored?: boolean; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - 'background-position'?: string; - backgroundPosition?: string; + negation?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'offset-end'?: number; + offsetEnd?: number; /** - * 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)" | ... + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... */ - 'border-color'?: string; - borderColor?: string; + 'offset-start'?: number; + offsetStart?: number; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the placement of the scale object. 'default' | 'opposite' */ - 'fill-angle'?: number; - fillAngle?: number; + placement?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + progression?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... */ - 'fill-type'?: string; - fillType?: string; + 'ref-value'?: number; + refValue?: number; /** - * 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" | ... + * 5 | 10 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'scale-factor'?: number; + scaleFactor?: number; /** - * 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" | ... + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 */ - 'gradient-stops'?: string; - gradientStops?: string; + short?: boolean; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'line-color'?: string; - lineColor?: string; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * ['A', 'B'] | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'show-labels'?: any; + showLabels?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null */ - shadow?: boolean; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets 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 | ... + * Sets the size of the object/shape. 4 | '6px' | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + size?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] */ - 'shadow-angle'?: number; - shadowAngle?: number; + values?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 */ - 'shadow-blur'?: any; - shadowBlur?: any; + visible?: boolean; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * To turn on chart zooming on scale. Default is false. */ - 'shadow-color'?: string; - shadowColor?: string; + zooming?: boolean; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + } + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: [ + { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + } + ]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + }; } - interface trendDown { + interface scaleY { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface trendEqual { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - alpha?: number; + angle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + 'auto-fit'?: boolean; + autoFit?: boolean; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... */ - 'border-color'?: string; - borderColor?: string; + decimals?: number; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + exponent?: boolean; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface trendUp { + 'exponent-decimals'?: number; + exponentDecimals?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... */ - alpha?: number; + format?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + 'items-overlap'?: boolean; + itemsOverlap?: boolean; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... */ - 'border-color'?: string; - borderColor?: string; + labels?: any; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - 'border-width'?: number | string; - borderWidth?: number | string; + layout?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface valueBox { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... */ - angle?: number; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the width of the axis line. 4 | '6px' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'log-base'?: any; + logBase?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... */ - 'background-image'?: string; - backgroundImage?: string; + margin?: any; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Sets the object's bottom margin. 4 | '6px' | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the object's left margin. 4 | '6px' | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's right margin. 4 | '6px' | ... */ - 'border-alpha'?: number; - borderAlpha?: number; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top margin. 4 | '6px' | ... */ - 'border-color'?: string; - borderColor?: string; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'max-items'?: number; + maxItems?: number; /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... */ - callout?: boolean; + 'max-labels'?: number; + maxLabels?: number; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... */ - decimals?: number; + 'max-ticks'?: number; + maxTicks?: number; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + 'max-value'?: number; + maxValue?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'min-value'?: number; + minValue?: number; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'minor-ticks'?: number; + minorTicks?: number; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + mirrored?: boolean; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 */ - 'fill-type'?: string; - fillType?: string; + multiplier?: boolean; /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - 'font-color'?: string; - fontColor?: string; + negation?: string; /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... */ - 'font-family'?: string; - fontFamily?: string; + offset?: number; /** - * Sets the font size of the value box text. 4 | "6px" | ... + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... */ - 'font-size'?: any; - fontSize?: any; + 'offset-end'?: number; + offsetEnd?: number; /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... */ - 'font-style'?: string; - fontStyle?: string; + 'offset-start'?: number; + offsetStart?: number; /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * Sets the placement of the scale object. 'default' | 'opposite' */ - 'gradient-stops'?: string; - gradientStops?: string; + placement?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - 'line-style'?: string; - lineStyle?: string; + progression?: string; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'offset-x'?: any; - offsetX?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + * To set the value the reference line is drawn at. 5 | 10 | ... */ - 'offset-y'?: any; - offsetY?: any; + 'ref-value'?: number; + refValue?: number; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the scale of the y axis 5 | 10 | ... */ - padding?: any; + 'scale-factor'?: number; + scaleFactor?: number; /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 */ - placement?: any; + short?: boolean; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - rtl?: boolean; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... */ - shadow?: boolean; + 'show-labels'?: any; + showLabels?: any; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the size of the object/shape. 4 | '6px' | ... */ - text?: string; + size?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' */ - 'text-alpha'?: number; - textAlpha?: number; + 'size-factor'?: string; + sizeFactor?: string; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ 'thousands-separator'?: string; thousandsSeparator?: string; /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] */ - type?: string; + values?: any; /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 */ visible?: boolean; - connector?: { + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: [ + { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + } + ]; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - alpha?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + rtl?: boolean; /** - * Sets the line width of the object. 4 | "6px" | ... + * Sets the text content of the object. "Some Text" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - joined?: { + label?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely 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 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; backgroundColor?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; borderColor?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; fontColor?: string; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - padding?: number; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - text?: string; - }; - shared?: { + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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" | ... */ - alpha?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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%" | ... */ - 'border-color'?: string; - borderColor?: string; + height?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * 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 */ - 'border-radius'?: number | string; - borderRadius?: number | string; + italic?: boolean; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'border-width'?: number | string - borderWidth?: number | string + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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 | ... */ - 'font-color'?: string; - fontColor?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'font-size'?: any; - fontSize?: any; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - padding?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - text?: string; - }; - } - - interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; - } - interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { + 'offset-y'?: any; + offsetY?: any; /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... + * 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" | ... */ - angle?: number; + padding?: any; /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - depth?: number; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + * Sets the object's left padding around the text. 4 | "6px" | ... */ - true3d?: boolean; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'x-angle'?: number; - xAngle?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'y-angle'?: number; - yAngle?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'z-angle'?: number; - zAngle?: number; + rtl?: boolean; /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + * Sets the text content of the object. "Some Text" | ... */ - zoom?: number; - }; - '3dAspect'?: { + text?: string; /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - angle?: number; + 'text-align'?: string; + textAlign?: string; /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - depth?: number; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - true3d?: boolean; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - 'x-angle'?: number; - xAngle?: number; + underline?: boolean; /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - 'y-angle'?: number; - yAngle?: number; + visible?: boolean; /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-angle'?: number; - zAngle?: number; + width?: any; /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - zoom?: number; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - arrows?: [ + markers?: [ { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -9439,11 +8365,6 @@ declare namespace zingchart { * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; /** * 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 se @@ -9495,10 +8416,6 @@ declare namespace zingchart { */ 'border-width'?: number | string borderWidth?: number | string - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -9532,14 +8449,43 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the length of the arrow. 50 | 100 | ... + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - length?: number; + 'label-alignment'?: string; + labelAlignment?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -9550,6 +8496,20 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -9582,107 +8542,1005 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" */ - size?: any; + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - from?: { + label?: { /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - hook?: string; + alpha?: number; /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'offset-x'?: number; - offsetX?: number; + angle?: number; /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'offset-y'?: number; - offsetY?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... + * Sets the border 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)' | ... */ - x?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - y?: number; - }; - to?: { + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - hook?: string; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'offset-x'?: number; - offsetX?: number; + 'font-color'?: string; + fontColor?: string; /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'offset-y'?: number; - offsetY?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - x?: number; + 'font-size'?: number; + fontSize?: number; /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... + * Sets the font style of the object. 'italic' | 'normal' */ - y?: number; + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; }; } ]; - crosshair?: { + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: [ + { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + } + ]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + } + interface scrollXSCrollY { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + } + interface selectedMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface selectedState { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface trendDown { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface trendEqual { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface trendUp { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface valueBox { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; /** * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; lineStyle?: string; @@ -9691,520 +9549,420 @@ declare namespace zingchart { */ 'line-width'?: number | string; lineWidth?: number | string; + }; + joined?: { /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; + alpha?: number; /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - shared?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - trigger?: string; + 'border-color'?: string; + borderColor?: string; /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - type?: string; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { + shared?: { /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - columns?: any; + alpha?: number; /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'data-string'?: string; - dataString?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - mirrored?: boolean; + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + } + + interface globals { + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; + } + interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... */ - 'row-separator'?: string; - rowSeparator?: string; + angle?: number; /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - 'separate-scales'?: boolean; - separateScales?: boolean; + depth?: number; /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 */ - separator?: string; + true3d?: boolean; /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'smart-scales'?: boolean; - smartScales?: boolean; + 'x-angle'?: number; + xAngle?: number; /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - title?: boolean; + 'y-angle'?: number; + yAngle?: number; /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - url?: string; + 'z-angle'?: number; + zAngle?: number; /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; + zoom?: number; }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; + '3dAspect'?: { /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... */ - blur?: number; + angle?: number; /** - * Sets the type of blur shape. "circle" | "square" | ... + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... */ - 'brush-typebrushType'?: string; + depth?: number; /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 */ - composite?: boolean; + true3d?: boolean; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - size?: any; + 'x-angle'?: number; + xAngle?: number; /** - * Sets whether or not the data is sorted. true | false | 1 | 0 + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: [ + { /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the text's font angle. -45 | 115 | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'font-family'?: string; + fontFamily?: string; /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the arrow's label font size. 4 | "6px" | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... */ - 'border-right'?: string; - borderRight?: string; + text?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-top'?: string; - borderTop?: string; + alpha?: number; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'border-width'?: number | string - borderWidth?: number | string + angle?: number; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] */ - callout?: boolean; + aspect?: any; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets 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)" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * 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. For graph plot tooltip. [200, 50] | ... + * 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)" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'callout-offset'?: any; - calloutOffset?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'clip-text'?: boolean; - clipText?: boolean; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - color?: string; + 'border-color'?: string; + borderColor?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - decimals?: number; + 'border-width'?: number | string + borderWidth?: number | string /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + direction?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * 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" | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the length of the arrow. 50 | 100 | ... */ - 'padding-top'?: any; - paddingTop?: any; + length?: number; /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - placement?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - position?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - rtl?: boolean; + 'offset-y'?: any; + offsetY?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10237,153 +9995,414 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text of the tooltip. + * Sets the size of the object/shape. 4 | "6px" | ... */ - text?: string; + size?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'text-alpha'?: number; - textAlpha?: number; + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + } + ]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the key-scale value "scale-k" | "scale-v" | ... */ - width?: any; + 'key-scalekeyScale'?: string; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the value-scale value "scale-x" | "scale-y" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'val-scalevalScale'?: string; + }; + tooltip?: { /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - 'z-index'?: number; - zIndex?: number; - }; - }; - images?: [ - { + alpha?: number; /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - src?: string; + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: 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)" | ... + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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 | ... + * sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * es. For graph plot tooltip. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ callout?: boolean; /** @@ -10392,100 +10411,213 @@ declare namespace zingchart { 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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] | ... + * top left corner of the chart. For graph plot tooltip. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - 'fill-type'?: string; - fillType?: string; + 'max-width'?: any; + maxWidth?: any; /** - * 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" | ... + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'offset-x'?: any; + offsetX?: any; /** - * 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" | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - height?: any; + padding?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - 'offset-y'?: any; - offsetY?: any; + placement?: string; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10517,6 +10649,21 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; + /** + * Sets the text of the tooltip. + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -10526,34 +10673,24 @@ declare namespace zingchart { */ width?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - y?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - } - ]; - labels?: [ + zIndex?: number; + }; + }; + images?: [ { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. */ - angle?: number; + src?: 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 se @@ -10594,10 +10731,6 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ @@ -10698,20 +10831,6 @@ declare namespace zingchart { */ 'callout-width'?: any; calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -10732,38 +10851,6 @@ declare namespace zingchart { */ 'fill-type'?: string; fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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" | ... @@ -10780,20 +10867,6 @@ declare namespace zingchart { * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; /** * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe * en each line segment. 4 | "6px" | ... @@ -10811,12 +10884,6 @@ declare namespace zingchart { */ 'line-style'?: string; lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -10828,35 +10895,10 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . */ - rtl?: boolean; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10888,46 +10930,6 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -10936,11 +10938,6 @@ declare namespace zingchart { * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; /** * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -10949,10 +10946,13 @@ declare namespace zingchart { * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ y?: any; - 'callout-tip'?: calloutTip; - calloutTip?: calloutTip; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; } ]; + labels?: label[]; legend?: { /** * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 @@ -17296,6 +17296,15 @@ declare namespace zingchart { behaviors?: behavior[]; 'context-menu'?: contextMenuGui; contextMenu?: contextMenuGui; + /** + * Sets the label of the custom menu item. + */ + text?: string; + /** + * Executes specified custom function for the custom menu item. + */ + 'custom-function'?: string; + customFunction?: string; } interface history { /** diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 13ca88065868da..c0fcfa7e334a8e 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -47,6 +47,10 @@ zingchart.render({ shared: true, } }], + labels: [{ + alpha: 0.5, + text: 'testing', + }], zoom: {}, zoomSnap: true, }); From a1e03f66c83a2220c2497dca0f41418617182411 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 08:24:04 -0800 Subject: [PATCH 44/86] Add definitions for palette (theme) --- types/zingchart/es6/index.d.ts | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c86c4677fc7b00..0b9c8bb82f18a1 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -37,6 +37,18 @@ declare namespace zingchart { history?: history; refresh?: refresh; } + + interface theme { + palette?: { + area?: string[][]; + gauge?: string[][]; + line?: string[][]; + pie?: string[][]; + vbar?: string[][]; + }; + graph?: graphset; + } + interface backgroundMarker { /** * 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 comp @@ -17288,6 +17300,15 @@ declare namespace zingchart { * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... */ id?: string; + /** + * Sets the label of the custom menu item. + */ + text?: string; + /** + * Executes specified custom function for the custom menu item. + */ + 'custom-function'?: string; + customFunction?: string; } interface gui { /** @@ -17296,15 +17317,6 @@ declare namespace zingchart { behaviors?: behavior[]; 'context-menu'?: contextMenuGui; contextMenu?: contextMenuGui; - /** - * Sets the label of the custom menu item. - */ - text?: string; - /** - * Executes specified custom function for the custom menu item. - */ - 'custom-function'?: string; - customFunction?: string; } interface history { /** From ccf4a413a52f9371b69fa80e24371093f1d52357 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 10:35:45 -0800 Subject: [PATCH 45/86] update(zingchart): Add missing transform definitions --- types/zingchart/es6/index.d.ts | 17 +++++++++++++++++ types/zingchart/zingchart-tests.ts | 5 +++++ 2 files changed, 22 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 0b9c8bb82f18a1..ac95cd4a066c3c 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -7356,6 +7356,10 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; }; } interface scaleY { @@ -8849,6 +8853,19 @@ declare namespace zingchart { wrapText?: boolean; }; transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; /** * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index c0fcfa7e334a8e..0af8e35eae5e63 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -51,6 +51,11 @@ zingchart.render({ alpha: 0.5, text: 'testing', }], + scaleX: { + transform: { + type: 'date', + }, + }, zoom: {}, zoomSnap: true, }); From d35e5407b9d23345afa942a44cdf5105b284b2bf Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 10:50:43 -0800 Subject: [PATCH 46/86] remove consecutive blank lines --- types/zingchart/es6/index.d.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index f090192c3e2b30..ac95cd4a066c3c 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -18962,8 +18962,6 @@ declare namespace zingchart { */ 'alpha-area'?: number; alphaArea?: number; - - /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, From d7c3f7e8eda8392e0e15d97835b8a8780943cdc3 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 13:20:38 -0800 Subject: [PATCH 47/86] Add definitions for scaleX (minValue, step) and scaleY (step) --- types/zingchart/es6/index.d.ts | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index ac95cd4a066c3c..26d976f7276bb0 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -5580,6 +5580,12 @@ declare namespace zingchart { */ 'max-value'?: number; maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; /** * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino * r tick marks and/or guides. 5 | 10 | ... @@ -5649,6 +5655,10 @@ declare namespace zingchart { */ 'show-labels'?: any; showLabels?: any; + /** + * Sets the value of each step along an axis. + */ + step?: number; /** * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. @@ -7592,6 +7602,10 @@ declare namespace zingchart { */ 'size-factor'?: string; sizeFactor?: string; + /** + * Sets the value of each step along an axis. + */ + step?: number; /** * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ From e8a1d09d08187ff5a2427c080dcd8f1e5afeac09 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 15:32:46 -0800 Subject: [PATCH 48/86] Updated the typing for scaleX/Y.step --- types/zingchart/es6/index.d.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 26d976f7276bb0..c6ef29a152aaea 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -5658,7 +5658,7 @@ declare namespace zingchart { /** * Sets the value of each step along an axis. */ - step?: number; + step?: number | string; /** * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. @@ -7605,7 +7605,7 @@ declare namespace zingchart { /** * Sets the value of each step along an axis. */ - step?: number; + step?: number | string; /** * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ From 0d171edbdd8eaa605de341a1d2fc8cf84b379971 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 15:39:37 -0800 Subject: [PATCH 49/86] mend --- types/zingchart/zingchart-tests.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 0af8e35eae5e63..ed3968973e5c67 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -52,6 +52,7 @@ zingchart.render({ text: 'testing', }], scaleX: { + step: '3month', transform: { type: 'date', }, From f91be3eb6eba7816662a7661601a024b8a02bf18 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 15:51:58 -0800 Subject: [PATCH 50/86] Update test --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index ed3968973e5c67..5642900430417b 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -52,7 +52,7 @@ zingchart.render({ text: 'testing', }], scaleX: { - step: '3month', + step: '3hour', transform: { type: 'date', }, From e300f1eae60bd5e86ffcf9a18f2fb240545efe48 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 30 Nov 2021 16:07:04 -0800 Subject: [PATCH 51/86] Add legendMarker.borderRadius and related attributes --- types/zingchart/es6/index.d.ts | 32 ++++++++++++++++++++++++++++++ types/zingchart/zingchart-tests.ts | 3 +++ 2 files changed, 35 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c6ef29a152aaea..782aa46d7677cb 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -2655,6 +2655,38 @@ declare namespace zingchart { */ 'border-color'?: string; borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 5642900430417b..c1eb1a2582a4e8 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -57,6 +57,9 @@ zingchart.render({ type: 'date', }, }, + series: [{ + borderRadius: 3, + }], zoom: {}, zoomSnap: true, }); From 4ecc0a7e97f8b37002af4747d7c25ea3ab3d9fc8 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Wed, 1 Dec 2021 08:13:02 -0800 Subject: [PATCH 52/86] Added legendMarker.lineStyle --- types/zingchart/es6/index.d.ts | 5 +++++ types/zingchart/zingchart-tests.ts | 3 +++ 2 files changed, 8 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 782aa46d7677cb..339913ce9de46f 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -2736,6 +2736,11 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index c1eb1a2582a4e8..34d331ffebe31a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -59,6 +59,9 @@ zingchart.render({ }, series: [{ borderRadius: 3, + legendMarker: { + lineStyle: 'dotted', + }, }], zoom: {}, zoomSnap: true, From ca392e6e737be6514fa9c764f7ae7e33c271ff35 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Thu, 6 Jan 2022 11:13:49 -0800 Subject: [PATCH 53/86] update(zingchart): update typings for offsetEnd/Start --- types/zingchart/es6/index.d.ts | 24 ++++++++++++------------ types/zingchart/zingchart-tests.ts | 1 + 2 files changed, 13 insertions(+), 12 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 339913ce9de46f..944d19df7930ec 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -5037,13 +5037,13 @@ declare namespace zingchart { /** * Sets an ending offset for the scale marker. 0.1 | ... */ - 'offset-end'?: number; - offsetEnd?: number; + 'offset-end'?: number | string; + offsetEnd?: number | string; /** * Sets a starting offset for the scale marker. 0.5 | ... */ - 'offset-start'?: number; - offsetStart?: number; + 'offset-start'?: number | string; + offsetStart?: number | string; /** * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m * arkers. [60] | [20,40] | ... @@ -5641,14 +5641,14 @@ declare namespace zingchart { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number; - offsetEnd?: number; + 'offset-end'?: number | string; + offsetEnd?: number | string; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 * | '6px' | '5%' | '35%' | ... */ - 'offset-start'?: number; - offsetStart?: number; + 'offset-start'?: number | string; + offsetStart?: number | string; /** * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... */ @@ -7574,14 +7574,14 @@ declare namespace zingchart { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 * | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number; - offsetEnd?: number; + 'offset-end'?: number | string; + offsetEnd?: number | string; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-start'?: number; - offsetStart?: number; + 'offset-start'?: number | string; + offsetStart?: number | string; /** * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 34d331ffebe31a..f20f75583e306a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -20,6 +20,7 @@ zingchart.render({ }, labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], lineColor: 'red', + offsetStart: '10%', }, scaleY: { autoFit: true, From b0b0ebae6062afc417661a246739a4be457d4474 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 31 Jan 2022 15:58:44 -0800 Subject: [PATCH 54/86] update(zingchart): add series.zIndex --- types/zingchart/es6/index.d.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 944d19df7930ec..d503a2cb45d43e 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -18680,6 +18680,11 @@ declare namespace zingchart { */ 'z-end'?: number; zEnd?: number; + /** + * Sets the z-index of the series object + */ + 'z-index'?: number; + zIndex?: number; /** * Sets the z-axis start point on 3d charts. 10 | "10px" | ... */ From 592a795e73d5ff79513cab9a2cc150f476fb42fa Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Fri, 8 Apr 2022 10:13:20 -0700 Subject: [PATCH 55/86] update(zingchart): add typings for tooltip.htmlMode and valueBox.Rules --- types/zingchart/es6/index.d.ts | 16 ++++ types/zingchart/zingchart-tests.ts | 124 +++++++++++++++-------------- 2 files changed, 80 insertions(+), 60 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index d503a2cb45d43e..c71fd50846dd48 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -9409,6 +9409,16 @@ declare namespace zingchart { 'line-width'?: number | string; lineWidth?: number | string; } + interface valueBoxRules extends valueBox { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } interface valueBox { /** * 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 comp @@ -9724,6 +9734,7 @@ declare namespace zingchart { */ text?: string; }; + rules?: valueBoxRules[]; } interface globals { @@ -14336,6 +14347,11 @@ declare namespace zingchart { * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; + /** + * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. + */ + 'html-mode'?: boolean; + htmlMode?: boolean; /** * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index f20f75583e306a..e53f427d75a776 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,69 +1,73 @@ import { ZC } from "zingchart/server/zingchart-nodejs.min.js"; import zingchart from "zingchart/es6"; +import { zingchart as zc } from 'zingchart/es6/index'; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; ZC.VERSION = '2.9.4'; -zingchart.render({ - id: 'myChart', - data: [{ - type: 'line', - series: [ - { - values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], - }, - ], - 'scale-x': { - label: { - text: 'Days' - }, - labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], - lineColor: 'red', - offsetStart: '10%', - }, - scaleY: { - autoFit: true, - zooming: true, - }, - plot: { - animation: { - effect: 1, - method: 4, - sequence: 2, - speed: 275, - }, - 'selected-state': { - 'line-color': 'red', - }, - tooltip: { - text: 'Hello world', - }, - 'value-box': { - text: 'Hello World', - }, - }, - timeZone: 1, - zoom: { - shared: true, - } - }], - labels: [{ - alpha: 0.5, - text: 'testing', - }], - scaleX: { - step: '3hour', - transform: { - type: 'date', - }, +const chartConfig: zc.graphset = { + type: 'line', + timeZone: 1, + zoomSnap: true, + labels: [{ + alpha: 0.5, + text: 'testing', + }], + plot: { + animation: { + effect: 1, + method: 4, + sequence: 2, + speed: 275, + }, + 'selected-state': { + 'line-color': 'red', + }, + tooltip: { + htmlMode: true, + text: 'Hello world', + }, + 'value-box': { + text: 'Hello World', + rules: [{ + rule: '', + visible: false, + }] + }, + }, + 'scale-x': { + label: { + text: 'Days' }, - series: [{ - borderRadius: 3, - legendMarker: { - lineStyle: 'dotted', - }, - }], - zoom: {}, - zoomSnap: true, + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], + lineColor: 'red', + offsetStart: '10%', + step: '3hour', + transform: { + type: 'date', + }, + }, + scaleY: { + autoFit: true, + zooming: true, + }, + zoom: { + shared: true, + }, + series: [ + { + values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], + borderRadius: 3, + legendMarker: { + lineStyle: 'dotted', + }, + zIndex: 9999, + }, + ], +}; + +zingchart.render({ + id: 'myChart', + data: chartConfig, }); From 335eda71b5cf71b4501b78e5bde09bfa97437006 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 18 Apr 2022 08:23:25 -0700 Subject: [PATCH 56/86] update(zingchart): fix array typings --- types/zingchart/es6/index.d.ts | 5117 +++++++++++++++------------- types/zingchart/zingchart-tests.ts | 125 +- 2 files changed, 2780 insertions(+), 2462 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c71fd50846dd48..eeda5a5976c680 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -32,7 +32,7 @@ declare namespace zingchart { interface data { globals?: globals; - graphset?: [graphset]; + graphset?: graphset[]; gui?: gui; history?: history; refresh?: refresh; @@ -383,27 +383,25 @@ declare namespace zingchart { */ open?: any; }; - items?: [ - { + items?: { /** * To specify the font color of the context menu items. 'gray' | '##666699' */ - 'font-color'?: any; - fontColor?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - } - ]; + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }[]; /** * To set the visibility of the object. true | false */ @@ -565,23 +563,21 @@ declare namespace zingchart { */ y?: any; }; - 'custom-items'?: [ - { - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - } - ]; + 'custom-items'?: { + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }[]; gear?: { /** * 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 comp @@ -4243,30 +4239,28 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - } - ]; + items?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + } []; }; item?: { /** @@ -4986,13 +4980,82 @@ declare namespace zingchart { */ visible?: boolean; }; - markers?: [ - { + markers?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: number | string; + offsetEnd?: number | string; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: number | string; + offsetStart?: number | string; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 @@ -5018,132 +5081,61 @@ declare namespace zingchart { 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets the line 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)' | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'line-color'?: string; - lineColor?: string; + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + offsetR?: number; /** - * Sets an ending offset for the scale marker. 0.1 | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'offset-end'?: number | string; - offsetEnd?: number | string; + padding?: number; /** - * Sets a starting offset for the scale marker. 0.5 | ... + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'offset-start'?: number | string; - offsetStart?: number | string; + 'text-align'?: string; + textAlign?: string; /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - range?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the scale marker type: area or line. 'area' | 'line' + * Sets the width of the object. 50 | '200px' | ... */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; + width?: number; + }; + }[]; 'minor-guide'?: minorGuide; minorGuide?: minorGuide; 'minor-tick'?: minorTick; @@ -5182,48 +5174,46 @@ declare namespace zingchart { * Sets the size of the object. 30 | '40px' | ... */ size?: number; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - } - ]; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + items?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }[]; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** @@ -5309,19 +5299,17 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - } - ]; + items?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }[]; }; item?: { /** @@ -5786,29 +5774,27 @@ declare namespace zingchart { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - } - ]; + items?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + }[]; }; item?: { /** @@ -6143,34 +6129,33 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - label?: { + items?: { /** * 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 comp - * letely 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 | ... + * letely opaque. 0....1 */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -6195,8 +6180,7 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * 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 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -6300,34 +6284,32 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * 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)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** - * 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 - * | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; @@ -6338,28 +6320,28 @@ declare namespace zingchart { 'font-angle'?: number; fontAngle?: number; /** - * 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)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -6376,23 +6358,21 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * 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%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * 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 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ 'lock-rotation'?: boolean; lockRotation?: boolean; /** * 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 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; @@ -6458,16 +6438,18 @@ declare namespace zingchart { 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** @@ -6479,618 +6461,951 @@ declare namespace zingchart { */ 'wrap-text'?: boolean; wrapText?: boolean; - }; - labels?: any; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { + }[]; + label?: { /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... + * 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 comp + * letely 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 | ... */ alpha?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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. -4 + * 5 | 115 | ... */ - 'line-color'?: string; - lineColor?: string; + angle?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * 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)" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * 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)" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Determines the placement of tick marks along an axis line. inner | cross | outer + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - placement?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - shadow?: boolean; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + * 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 */ - 'shadow-angle'?: number; - shadowAngle?: number; + bold?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - size?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - alpha?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * 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-alpha'?: number; - borderAlpha?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; fontColor?: string; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * 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" | ... */ - height?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the padding around the object text. "10%" | "25px" ... + * 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" | ... */ - padding?: number; + 'gradient-stops'?: string; + gradientStops?: string; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * 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%" | ... */ - sticky?: boolean; + height?: any; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - timeout?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number; + width?: any; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; }; - transform?: { + labels?: any; + markers?: { /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'line-color'?: string; - lineColor?: string; + angle?: number; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the border 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)' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - visible?: boolean; - }; - item?: { + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - alpha?: number; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - angle?: number; + 'font-color'?: string; + fontColor?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'font-family'?: string; + fontFamily?: string; /** - * Sets 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)" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'font-size'?: number; + fontSize?: number; /** - * 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)" | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the font weight of the object. 'bold' | 'normal' */ - 'background-fit'?: string; - backgroundFit?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'background-image'?: string; - backgroundImage?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'background-position'?: string; - backgroundPosition?: string; + padding?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - bold?: boolean; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the width of the object. 50 | '200px' | ... */ - 'border-bottom'?: string; - borderBottom?: string; + width?: number; + }; + }[]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }[]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { /** - * 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)" | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - 'border-color'?: string; - borderColor?: string; + alpha?: number; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'border-left'?: string; - borderLeft?: string; + 'line-color'?: string; + lineColor?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -7727,29 +8042,35 @@ declare namespace zingchart { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - items?: [ - { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - } - ]; + items?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + }[]; }; item?: { /** @@ -8421,314 +8742,109 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - markers?: [ - { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - } - ]; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - 'ref-line'?: refLine; - refLine?: refLine; - rules?: [ - { - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - } - ]; - tick?: { + markers?: { /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; /** * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... @@ -8758,22 +8874,41 @@ declare namespace zingchart { 'line-width'?: number | string; lineWidth?: number | string; /** - * Determines the placement of tick marks along an axis line. inner | cross | outer + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom */ placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ shadow?: boolean; /** * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... + * 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ 'shadow-alpha'?: number; shadowAlpha?: number; /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ 'shadow-angle'?: number; shadowAngle?: number; @@ -8783,25 +8918,207 @@ declare namespace zingchart { 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" */ - size?: any; + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - }; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }[]; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: { + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }[]; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; tooltip?: { /** * 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 be @@ -9844,1050 +10161,654 @@ declare namespace zingchart { * | 10 | ... */ angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: [ - { - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - } - ]; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: { + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + hook?: string; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'offset-x'?: number; + offsetX?: number; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'offset-y'?: number; + offsetY?: number; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... */ - 'padding-top'?: any; - paddingTop?: any; + x?: number; /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... */ - placement?: string; + y?: number; + }; + to?: { /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... */ - position?: string; + hook?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... */ - rtl?: boolean; + 'offset-x'?: number; + offsetX?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. */ - shadow?: boolean; + 'offset-y'?: number; + offsetY?: number; /** - * Sets 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 | ... + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + x?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + y?: number; + }; + }[]; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + alpha?: number; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text of the tooltip. + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - text?: string; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + size?: number; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the key-scale value "scale-k" | "scale-v" | ... */ - width?: any; + 'key-scalekeyScale'?: string; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the value-scale value "scale-x" | "scale-y" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'val-scalevalScale'?: string; + }; + tooltip?: { /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... */ - 'z-index'?: number; - zIndex?: number; - }; - }; - images?: [ - { + alpha?: number; /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... */ - src?: string; + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). For graph plot to + * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: 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)" | ... + * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 + * 00, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap + * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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 | ... + * sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * es. For graph plot tooltip. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ callout?: boolean; /** @@ -10896,100 +10817,213 @@ declare namespace zingchart { 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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] | ... + * top left corner of the chart. For graph plot tooltip. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; fillType?: 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" | ... + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the tooltip. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + item?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + map?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'line-style'?: string; - lineStyle?: string; + margin?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . + * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -11021,6 +11055,21 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; + /** + * Sets the text of the tooltip. + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -11030,19 +11079,283 @@ declare namespace zingchart { */ width?: any; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 */ - y?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - } - ]; + zIndex?: number; + }; + }; + images?: { + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }[]; labels?: label[]; legend?: { /** @@ -12792,35 +13105,33 @@ declare namespace zingchart { */ 'max-trackers'?: number; maxTrackers?: number; - 'media-rules'?: [ - { - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - maxHeight?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - minHeight?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - minWidth?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - } - ]; + 'media-rules'?: { + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }[]; 'no-data'?: noData; noData?: noData; options?: { @@ -13173,18 +13484,16 @@ declare namespace zingchart { */ style?: any; }; - words?: [ - { - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - } - ]; + words?: { + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }[]; }; plot?: { /** @@ -13819,7 +14128,7 @@ declare namespace zingchart { */ size?: any; }; - errors?: [{}]; + errors?: {}[]; goal?: { /** * 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 comp @@ -14085,18 +14394,16 @@ declare namespace zingchart { */ type?: string; }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - ]; + rules?: { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }[]; 'selected-marker'?: selectedMarker; selectedMarker?: selectedMarker; 'selected-state'?: selectedState; @@ -15373,290 +15680,288 @@ declare namespace zingchart { backgroundColor?: string; }; }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: scrollXSCrollY; - scrollXScrollY?: scrollXSCrollY; - selectionTool?: { - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - }; - }; - series?: series[]; - shapes?: [ - { - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: scrollXSCrollY; + scrollXScrollY?: scrollXSCrollY; + selectionTool?: { + mask?: { /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - visible?: boolean; + alpha?: number; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - x?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - y?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... */ - 'z-index'?: number; - } - ]; + 'border-width'?: number | string + borderWidth?: number | string + }; + }; + series?: series[]; + shapes?: { + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }[]; source?: { /** * 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 comp @@ -18782,7 +19087,7 @@ declare namespace zingchart { */ size?: any; }; - errors?: [{}]; + errors?: {}[]; goal?: { /** * 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 comp @@ -19061,18 +19366,16 @@ declare namespace zingchart { */ type?: string; }; - rules?: [ - { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - ]; + rules?: { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }[]; 'selected-marker'?: selectedMarker; selectedMarker?: selectedMarker; 'selected-state'?: selectedState; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index e53f427d75a776..3e3c06ec4b2f62 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -6,66 +6,81 @@ zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; ZC.VERSION = '2.9.4'; -const chartConfig: zc.graphset = { - type: 'line', - timeZone: 1, - zoomSnap: true, - labels: [{ - alpha: 0.5, - text: 'testing', - }], - plot: { - animation: { - effect: 1, - method: 4, - sequence: 2, - speed: 275, - }, - 'selected-state': { - 'line-color': 'red', - }, - tooltip: { - htmlMode: true, - text: 'Hello world', +const chartConfig: zc.graphset[] = [ + { + type: 'line', + timeZone: 1, + zoomSnap: true, + labels: [{ + alpha: 0.5, + text: 'testing', + }], + plot: { + animation: { + effect: 1, + method: 4, + sequence: 2, + speed: 275, + }, + 'selected-state': { + 'line-color': 'red', + }, + tooltip: { + htmlMode: true, + text: 'Hello world', + }, + 'value-box': { + text: 'Hello World', + rules: [{ + rule: '', + visible: false, + }] + }, }, - 'value-box': { - text: 'Hello World', - rules: [{ - rule: '', - visible: false, - }] + 'scale-x': { + label: { + text: 'Days' + }, + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], + lineColor: 'red', + offsetStart: '10%', + step: '3hour', + transform: { + type: 'date', + }, }, - }, - 'scale-x': { - label: { - text: 'Days' + scaleY: { + autoFit: true, + zooming: true, + guide: { + items: [{ + borderRadius: 8, + }, { + borderRadius: 2, + }], + }, }, - labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], - lineColor: 'red', - offsetStart: '10%', - step: '3hour', - transform: { - type: 'date', + zoom: { + shared: true, }, - }, - scaleY: { - autoFit: true, - zooming: true, - }, - zoom: { - shared: true, - }, - series: [ - { - values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], - borderRadius: 3, - legendMarker: { - lineStyle: 'dotted', + series: [ + { + values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], + borderRadius: 3, + legendMarker: { + lineStyle: 'dotted', + }, + zIndex: 9999, }, - zIndex: 9999, - }, - ], -}; + ], + }, { + arrows: [{ + alpha: 0, + }, { + backgroundColor: 'red', + }], + } +]; zingchart.render({ id: 'myChart', From 11f0db1dba423e12d0fa79453e2f34bb50af549a Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 18 Apr 2022 08:44:29 -0700 Subject: [PATCH 57/86] updated lslint and array typings --- types/zingchart/dtslint/dt.json | 3 ++ types/zingchart/es6/index.d.ts | 84 ++++++++++++++++----------------- types/zingchart/tslint.json | 4 +- 3 files changed, 47 insertions(+), 44 deletions(-) create mode 100644 types/zingchart/dtslint/dt.json diff --git a/types/zingchart/dtslint/dt.json b/types/zingchart/dtslint/dt.json new file mode 100644 index 00000000000000..b0a453f4d40580 --- /dev/null +++ b/types/zingchart/dtslint/dt.json @@ -0,0 +1,3 @@ +{ + "extends": "@definitelytyped/dtslint/dt.json" +} diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index eeda5a5976c680..e77dac38414b17 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -383,7 +383,7 @@ declare namespace zingchart { */ open?: any; }; - items?: { + items?: Array<{ /** * To specify the font color of the context menu items. 'gray' | '##666699' */ @@ -401,7 +401,7 @@ declare namespace zingchart { * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} */ share?: any; - }[]; + }>; /** * To set the visibility of the object. true | false */ @@ -563,7 +563,7 @@ declare namespace zingchart { */ y?: any; }; - 'custom-items'?: { + 'custom-items'?: Array<{ /** * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale * rt(1)" | ... @@ -577,7 +577,7 @@ declare namespace zingchart { * Sets the text for the menu item. "New Menu Item" | ... */ text?: string; - }[]; + }>; gear?: { /** * 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 comp @@ -4239,7 +4239,7 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; - items?: { + items?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... @@ -4260,7 +4260,7 @@ declare namespace zingchart { */ 'border-width'?: number | string; borderWidth?: number | string; - } []; + }>; }; item?: { /** @@ -4980,7 +4980,7 @@ declare namespace zingchart { */ visible?: boolean; }; - markers?: { + markers?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -5135,7 +5135,7 @@ declare namespace zingchart { */ width?: number; }; - }[]; + }>; 'minor-guide'?: minorGuide; minorGuide?: minorGuide; 'minor-tick'?: minorTick; @@ -5174,7 +5174,7 @@ declare namespace zingchart { * Sets the size of the object. 30 | '40px' | ... */ size?: number; - items?: { + items?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -5208,7 +5208,7 @@ declare namespace zingchart { * Sets the size of the object. 30 | '40px' | ... */ size?: number; - }[]; + }>; }; tick?: { /** @@ -5299,7 +5299,7 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; - items?: { + items?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... @@ -5309,7 +5309,7 @@ declare namespace zingchart { * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; - }[]; + }>; }; item?: { /** @@ -5774,7 +5774,7 @@ declare namespace zingchart { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - items?: { + items?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... @@ -5794,7 +5794,7 @@ declare namespace zingchart { * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: number | string - }[]; + }>; }; item?: { /** @@ -6129,7 +6129,7 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - items?: { + items?: Array<{ /** * 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 comp * letely opaque. 0....1 @@ -6461,7 +6461,7 @@ declare namespace zingchart { */ 'wrap-text'?: boolean; wrapText?: boolean; - }[]; + }>; label?: { /** * 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 comp @@ -6800,7 +6800,7 @@ declare namespace zingchart { wrapText?: boolean; }; labels?: any; - markers?: { + markers?: Array<{ /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -7085,18 +7085,18 @@ declare namespace zingchart { */ width?: number; }; - }[]; + }>; 'minor-guide'?: minorGuide; minorGuide?: minorGuide; 'minor-tick'?: minorTick; minorTick?: refLine; refLine?: refLine; - rules?: { + rules?: Array<{ /** * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ rule?: string; - }[]; + }>; tick?: { /** * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 @@ -8042,7 +8042,7 @@ declare namespace zingchart { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - items?: { + items?: Array<{ /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... @@ -8070,7 +8070,7 @@ declare namespace zingchart { */ 'border-radius'?: any; borderRadius?: any; - }[]; + }>; }; item?: { /** @@ -8742,7 +8742,7 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - markers?: { + markers?: Array<{ /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... @@ -9027,19 +9027,19 @@ declare namespace zingchart { */ width?: number; }; - }[]; + }>; 'minor-guide'?: minorGuide; minorGuide?: minorGuide; 'minor-tick'?: minorTick; minorTick?: minorTick; 'ref-line'?: refLine; refLine?: refLine; - rules?: { + rules?: Array<{ /** * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ rule?: string; - }[]; + }>; tick?: { /** * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 @@ -10225,7 +10225,7 @@ declare namespace zingchart { */ zoom?: number; }; - arrows?: { + arrows?: Array<{ /** * Sets the text's font angle. -45 | 115 | ... */ @@ -10471,7 +10471,7 @@ declare namespace zingchart { */ y?: number; }; - }[]; + }>; crosshair?: { /** * 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 comp @@ -11090,7 +11090,7 @@ declare namespace zingchart { zIndex?: number; }; }; - images?: { + images?: Array<{ /** * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG * , GIF, JPEG, and TIFF. @@ -11355,7 +11355,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - }[]; + }>; labels?: label[]; legend?: { /** @@ -13105,7 +13105,7 @@ declare namespace zingchart { */ 'max-trackers'?: number; maxTrackers?: number; - 'media-rules'?: { + 'media-rules'?: Array<{ /** * Sets the maximum chart height in pixels. 600 | 400 | 300 */ @@ -13131,7 +13131,7 @@ declare namespace zingchart { * breakpoints. true | false */ visible?: boolean; - }[]; + }>; 'no-data'?: noData; noData?: noData; options?: { @@ -13484,7 +13484,7 @@ declare namespace zingchart { */ style?: any; }; - words?: { + words?: Array<{ /** * To set the word count. 5 | 20 | 100 | ... */ @@ -13493,7 +13493,7 @@ declare namespace zingchart { * To set the word. "Flowers" | "Freesia" | "Peony" | ... */ text?: string; - }[]; + }>; }; plot?: { /** @@ -14128,7 +14128,7 @@ declare namespace zingchart { */ size?: any; }; - errors?: {}[]; + errors?: Array<{}>; goal?: { /** * 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 comp @@ -14394,7 +14394,7 @@ declare namespace zingchart { */ type?: string; }; - rules?: { + rules?: Array<{ /** * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi @@ -14403,7 +14403,7 @@ declare namespace zingchart { * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ rule?: string; - }[]; + }>; 'selected-marker'?: selectedMarker; selectedMarker?: selectedMarker; 'selected-state'?: selectedState; @@ -15727,7 +15727,7 @@ declare namespace zingchart { }; }; series?: series[]; - shapes?: { + shapes?: Array<{ /** * Sets the end angle of a pie shape. "10" | "212" | ... */ @@ -15961,7 +15961,7 @@ declare namespace zingchart { * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; - }[]; + }>; source?: { /** * 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 comp @@ -19087,7 +19087,7 @@ declare namespace zingchart { */ size?: any; }; - errors?: {}[]; + errors?: Array<{}>; goal?: { /** * 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 comp @@ -19366,7 +19366,7 @@ declare namespace zingchart { */ type?: string; }; - rules?: { + rules?: Array<{ /** * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi @@ -19375,7 +19375,7 @@ declare namespace zingchart { * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ rule?: string; - }[]; + }>; 'selected-marker'?: selectedMarker; selectedMarker?: selectedMarker; 'selected-state'?: selectedState; diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index b0a453f4d40580..30a1bdde2e6f67 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,3 +1,3 @@ { - "extends": "@definitelytyped/dtslint/dt.json" -} + "extends": "dtslint/dt.json" +} \ No newline at end of file From 62cbff000a76132e0c4fffa27689e376af4d2948 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 18 Apr 2022 08:52:02 -0700 Subject: [PATCH 58/86] fix tslint file --- types/zingchart/dtslint/dt.json | 3 --- types/zingchart/tslint.json | 2 +- types/zinggrid/tslint.json | 2 +- 3 files changed, 2 insertions(+), 5 deletions(-) delete mode 100644 types/zingchart/dtslint/dt.json diff --git a/types/zingchart/dtslint/dt.json b/types/zingchart/dtslint/dt.json deleted file mode 100644 index b0a453f4d40580..00000000000000 --- a/types/zingchart/dtslint/dt.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "@definitelytyped/dtslint/dt.json" -} diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index 30a1bdde2e6f67..d88586e5bd00db 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,3 +1,3 @@ { "extends": "dtslint/dt.json" -} \ No newline at end of file +} diff --git a/types/zinggrid/tslint.json b/types/zinggrid/tslint.json index b0a453f4d40580..d88586e5bd00db 100644 --- a/types/zinggrid/tslint.json +++ b/types/zinggrid/tslint.json @@ -1,3 +1,3 @@ { - "extends": "@definitelytyped/dtslint/dt.json" + "extends": "dtslint/dt.json" } From 9ce97fe7ce02509a60c1bffc0482c142f4ce80e0 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 18 Apr 2022 08:59:36 -0700 Subject: [PATCH 59/86] revert tslint.json changes --- types/zingchart/tslint.json | 2 +- types/zinggrid/tslint.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/types/zingchart/tslint.json b/types/zingchart/tslint.json index d88586e5bd00db..b0a453f4d40580 100644 --- a/types/zingchart/tslint.json +++ b/types/zingchart/tslint.json @@ -1,3 +1,3 @@ { - "extends": "dtslint/dt.json" + "extends": "@definitelytyped/dtslint/dt.json" } diff --git a/types/zinggrid/tslint.json b/types/zinggrid/tslint.json index d88586e5bd00db..b0a453f4d40580 100644 --- a/types/zinggrid/tslint.json +++ b/types/zinggrid/tslint.json @@ -1,3 +1,3 @@ { - "extends": "dtslint/dt.json" + "extends": "@definitelytyped/dtslint/dt.json" } From 3ddb2d4ab9261e8376c0ffe955fbbcc9fcb910ae Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Mon, 25 Apr 2022 08:32:27 -0700 Subject: [PATCH 60/86] update(zingchart) - add preview.visible, tooltip.rules, scaleX.itemsOverlap --- types/zingchart/es6/index.d.ts | 113 +++++++++++++++++++++++++++++ types/zingchart/zingchart-tests.ts | 5 ++ 2 files changed, 118 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index e77dac38414b17..7649bd2a1d045a 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -4433,6 +4433,16 @@ declare namespace zingchart { * Sets the padding around the object text. "10%" | "25px" ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 @@ -5484,6 +5494,16 @@ declare namespace zingchart { * Sets the padding around the object text. "10%" | "25px" ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 @@ -5525,6 +5545,7 @@ declare namespace zingchart { */ 'auto-fit'?: boolean; autoFit?: boolean; + itemsOverlap?: boolean; /** * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true * | false | 1 | 0 @@ -7243,6 +7264,16 @@ declare namespace zingchart { * Sets the padding around the object text. "10%" | "25px" ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 @@ -9186,6 +9217,16 @@ declare namespace zingchart { * Sets the padding around the object text. "10%" | "25px" ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 @@ -11024,6 +11065,16 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -13068,6 +13119,16 @@ declare namespace zingchart { * Sets the padding around the object text. "10%" | "25px" ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s * tick" to the chart. true | false | 1 |0 @@ -13446,6 +13507,16 @@ declare namespace zingchart { * Sets the padding of the object. 3 | '5px' | '10px' | ... */ padding?: number; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * Sets the text to be displayed in the tooltips. "%text: %hits" | ... */ @@ -14389,6 +14460,10 @@ declare namespace zingchart { */ 'line-width'?: number | string; lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ @@ -14751,6 +14826,16 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -15240,6 +15325,10 @@ declare namespace zingchart { */ 'preserve-zoom'?: boolean; preserveZoom?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -17506,6 +17595,16 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -19361,6 +19460,10 @@ declare namespace zingchart { */ 'line-width'?: number | string; lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; /** * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ @@ -19701,6 +19804,16 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 3e3c06ec4b2f62..6ef986f9e62990 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -22,12 +22,16 @@ const chartConfig: zc.graphset[] = [ sequence: 2, speed: 275, }, + preview: {}, 'selected-state': { 'line-color': 'red', }, tooltip: { htmlMode: true, text: 'Hello world', + rules: [{ + rule: '%x > 10', + }], }, 'value-box': { text: 'Hello World', @@ -38,6 +42,7 @@ const chartConfig: zc.graphset[] = [ }, }, 'scale-x': { + itemsOverlap: false, label: { text: 'Days' }, From 0d8a9c67dd5ff9f47d03cc934052d430af5078aa Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Wed, 27 Apr 2022 09:56:52 -0700 Subject: [PATCH 61/86] Added graphset.values, plot.rules.*, tooltip.rules.* --- types/zingchart/es6/index.d.ts | 21416 ++++++++++++--------------- types/zingchart/zingchart-tests.ts | 8 + 2 files changed, 9792 insertions(+), 11632 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 7649bd2a1d045a..0ce1ec864f6345 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -384,9 +384,9 @@ declare namespace zingchart { open?: any; }; items?: Array<{ - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ 'font-color'?: any; fontColor?: any; /** @@ -1402,34 +1402,34 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -1678,34 +1678,34 @@ declare namespace zingchart { /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ @@ -2657,32 +2657,32 @@ declare namespace zingchart { * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u @@ -2735,8 +2735,8 @@ declare namespace zingchart { /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'line-style'?: string; - lineStyle?: string; + 'line-style'?: string; + lineStyle?: string; /** * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. * See the shape to the left of the text in the upper right box. 4 | "6px" | ... @@ -3795,29 +3795,44 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; } - interface plotLabel { + interface plotRules extends plot { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface plot { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -3832,7 +3847,7 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; @@ -3842,31 +3857,47 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - bold?: boolean; + 'band-space'?: number; + bandSpace?: number; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" */ - 'border-alpha'?: number; - borderAlpha?: number; + 'bar-max-width'?: number; + barMaxWidth?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'border-bottom'?: string; - borderBottom?: string; + 'bar-space'?: number; + barSpace?: number; /** - * 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)" | ... + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'border-color'?: string; - borderColor?: string; + 'bar-width'?: number; + barWidth?: number; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'border-left'?: string; - borderLeft?: string; + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -3900,18 +3931,7 @@ declare namespace zingchart { 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; @@ -3925,621 +3945,873 @@ declare namespace zingchart { 'callout-height'?: any; calloutHeight?: any; /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + * 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] | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - color?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'fill-angle'?: number; - fillAngle?: number; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'connect-nulls'?: boolean; + connectNulls?: boolean; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 */ - 'fill-type'?: string; - fillType?: string; + 'contour-on-top'?: boolean; + contourOnTop?: boolean; /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'font-angle'?: number; - fontAngle?: number; + cursor?: string; /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... */ - 'font-color'?: string; - fontColor?: string; + 'data-...'?: string; /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + * Certain plot to add in selection tool. */ - 'font-family'?: string; - fontFamily?: string; + 'data-append-selection'?: boolean; + dataAppendSelection?: boolean; /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + * Certain plot to ignore in selection tool. */ - 'font-size'?: any; - fontSize?: any; + 'data-ignore-selection'?: boolean; + dataIgnoreSelection?: boolean; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - 'font-style'?: string; - fontStyle?: string; + decimals?: number; /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... */ - 'font-weight'?: string; - fontWeight?: string; + 'decimals-separator'?: string; + decimalsSeparator?: 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" | ... + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + description?: 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" | ... + * Turns off click on slices */ - 'gradient-stops'?: string; - gradientStops?: string; + detached?: boolean; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 */ - height?: any; + exact?: boolean; /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 + * This attribute sets the values to scientific notation true | false | 1 | 0 */ - italic?: boolean; + exponent?: boolean; /** - * 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 "..." 5 | 10 | ... + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - 'max-chars'?: number; - maxChars?: number; + exponentDecimals?: number; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'max-width'?: any; - maxWidth?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - multiple?: boolean; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'offset-y'?: any; - offsetY?: any; + 'fill-type'?: string; + fillType?: string; /** - * 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" | ... + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] */ - padding?: any; + goals?: any; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * 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" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 */ - 'padding-right'?: any; - paddingRight?: any; + 'group-selections'?: boolean; + groupSelections?: boolean; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or + * "highlight-marker" object(s), which allow for custom styling. + * Default Value: false */ - 'padding-top'?: any; - paddingTop?: any; + hightlight?: boolean; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ - rtl?: boolean; + join?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - shadow?: boolean; + 'legend-text'?: string; + legendText?: string; /** - * Sets 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 | ... + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'shadow-color'?: string; - shadowColor?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the text content of the object. "Some Text" | ... + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... */ - text?: string; + 'max-nodes'?: number; + maxNodes?: number; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'text-align'?: string; - textAlign?: string; + 'max-ratio'?: number; + maxRatio?: number; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'max-size'?: number; + maxSize?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'max-trackers'?: number; + maxTrackers?: number; /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - transform?: any; + 'mid-point'?: boolean; + midPoint?: boolean; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - underline?: boolean; + 'min-ratio'?: number; + minRatio?: number; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'min-size'?: number; + minSize?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - visible?: boolean; + monotone?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - width?: any; + multiplier?: boolean; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface refLine { + negation?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - alpha?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + * Pie Charts Only: Use this to transform the shape of the pie slices. */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'pie-transformpieTransform'?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" */ - 'line-style'?: string; - lineStyle?: string; + reference?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'sampling-step'?: number; + samplingStep?: number; /** - * Sets the visibility of the object. true | false + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - visible?: boolean; - } - interface scaleK { + scales?: string; /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" */ - aspect?: string; + scaling?: string; /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... */ - format?: string; + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; /** - * Allows you to set custom labels for each step along scale-k. [...] + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false */ - labels?: any; + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows + * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which + * allow you specify the styling attributes you want applied. + * Accepted Values: ['none', 'plot', 'graph', 'multiple'] */ - values?: any; + 'selection-mode'?: string; + selectionMode?: string; /** - * Used to hide the k-axis. true | false + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + smartSampling?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Hole size in middle of chart + */ + slice?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - guide?: { + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - alpha?: number; + delay?: number; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + onLegendToggle?: any; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ 'line-width'?: number | string; lineWidth?: number | string; /** - * Sets the visibility of the object. true | false + * Sets the size of the object/shape. 4 | "6px" | ... */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - }>; + size?: any; }; - item?: { + errors?: Array<{}>; + goal?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'background-color'?: any; + backgroundColor?: any; /** - * Sets the border 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)' | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-color'?: any; + borderColor?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: number | string; borderRadius?: number | string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'font-size'?: number; - fontSize?: number; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the font style of the object. 'italic' | 'normal' + * Sets the height of the object. 10 | "20px" */ - 'font-style'?: string; - fontStyle?: string; + height?: number; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'font-weight'?: string; - fontWeight?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the padding of the object 3 | '5px' | '10px' | ... + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; + width?: number; }; - tick?: { + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + highlight?: boolean; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - 'line-style'?: string; - lineStyle?: string; + angle?: number; /** - * Sets the line width of the object. 4 | '6px' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - placement?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the size of the object. 4 | '6px' | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - size?: number; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the visibility of the object. true | false + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" */ - visible?: boolean; - }; - tooltip?: { + 'background-fit'?: string; + backgroundFit?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... */ - alpha?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" */ - 'border-alpha'?: number; - borderAlpha?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'font-color'?: string; - fontColor?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'font-size'?: any; - fontSize?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the font style of the object text. "normal" | "italic" + * 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" | ... */ - 'font-style'?: string; - fontStyle?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * 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" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - height?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; + 'offset-y'?: any; + offsetY?: any; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - sticky?: boolean; + shadow?: boolean; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * Sets 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 | ... */ - text?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - timeout?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number; + x?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; }; - } - interface scaleLabel { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: plotRules[]; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + tooltip?: tooltip; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + }; + 'value-box'?: valueBox; + valueBox?: valueBox; + } + interface plotLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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)" | ... @@ -4604,10 +4876,15 @@ declare namespace zingchart { */ callout?: boolean; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; /** * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" * | "red yellow" | "rgb(100, 15, 15)" | ... @@ -4655,8 +4932,7 @@ declare namespace zingchart { 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; @@ -4692,6 +4968,18 @@ declare namespace zingchart { */ 'max-chars'?: number; maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -4764,7 +5052,7 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** @@ -4815,92 +5103,89 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; } - interface scaleR { + interface refLine { /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - labels?: any; + alpha?: number; /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'minor-ticks'?: number; - minorTicks?: number; + 'line-color'?: string; + lineColor?: string; /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... */ values?: any; - center?: { + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-color'?: string; - borderColor?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; + 'line-style'?: string; + lineStyle?: string; /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ @@ -4910,6 +5195,28 @@ declare namespace zingchart { * Sets the visibility of the object. true | false */ visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + }>; }; item?: { /** @@ -4918,9 +5225,9 @@ declare namespace zingchart { */ alpha?: number; /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number; + angle?: number /** * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 @@ -4971,12 +5278,7 @@ declare namespace zingchart { 'font-weight'?: string; fontWeight?: string; /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ padding?: number; /** @@ -4985,45 +5287,15 @@ declare namespace zingchart { */ 'text-alpha'?: number; textAlpha?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; }; - markers?: Array<{ + tick?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the line 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)' | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'line-color'?: string; lineColor?: string; @@ -5033,1484 +5305,1281 @@ declare namespace zingchart { 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the line width of the object. 4 | '6px' | ... */ 'line-width'?: number | string; lineWidth?: number | string; /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: number | string; - offsetEnd?: number | string; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: number | string; - offsetStart?: number | string; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'background-color'?: string; - backgroundColor?: string; + placement?: string; /** - * Sets the border 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)' | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'border-color'?: string; - borderColor?: string; + size?: number; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }>; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false + * Sets the visibility of the object. true | false */ visible?: boolean; }; + tooltip?: tooltip; } - interface scaleV { + interface scaleLabel { /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - format?: string; + alpha?: number; /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - labels?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + * Sets 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)" | ... */ - values?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Used to hide the v-axis. true | false + * 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)" | ... */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - 'ref-line'?: refLine; - refLine?: refLine; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } - interface scaleX { + 'background-color-2'?: string; + backgroundColor2?: string; /** - * true | false | 1 | 0 + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'auto-fit'?: boolean; - autoFit?: boolean; - itemsOverlap?: boolean; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - exponent?: boolean; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'exponent-decimals'?: number; - exponentDecimals?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - layout?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + bold?: boolean; /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'border-bottom'?: string; + borderBottom?: string; /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... + * 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)" | ... */ - 'log-base'?: any; - logBase?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - margin?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the object's bottom margin. 4 | '6px' | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the object's left margin. 4 | '6px' | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the object's right margin. 4 | '6px' | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-right'?: any; - marginRight?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the object's top margin. 4 | '6px' | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'margin-top'?: any; - marginTop?: any; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + * 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 | ... */ - 'max-items'?: number; - maxItems?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'max-labels'?: number; - maxLabels?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'max-ticks'?: number; - maxTicks?: number; + 'border-top'?: string; + borderTop?: string; /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'max-value'?: number; - maxValue?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'min-value'?: number; - minValue?: number; + callout?: boolean; /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'minor-ticks'?: number; - minorTicks?: number; + 'callout-width'?: any; + calloutWidth?: any; /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... */ - mirrored?: boolean; + color?: string; /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - negation?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'offset-end'?: number | string; - offsetEnd?: number | string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'offset-start'?: number | string; - offsetStart?: number | string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'offset-x'?: any; - offsetX?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the placement of the scale object. 'default' | 'opposite' + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... */ - placement?: string; + 'font-angle'?: number; + fontAngle?: number; /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - progression?: string; + 'font-color'?: string; + fontColor?: string; /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... */ - 'ref-angle'?: number; - refAngle?: number; + 'font-family'?: string; + fontFamily?: string; /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... */ - 'ref-value'?: number; - refValue?: number; + 'font-size'?: any; + fontSize?: any; /** - * 5 | 10 | ... + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" */ - 'scale-factor'?: number; - scaleFactor?: number; + 'font-style'?: string; + fontStyle?: string; /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" */ - short?: boolean; + 'font-weight'?: string; + fontWeight?: string; /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + * 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" | ... */ - 'short-unit'?: string; - shortUnit?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * ['A', 'B'] | ... + * 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" | ... */ - 'show-labels'?: any; - showLabels?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the value of each step along an axis. + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - step?: number | string; + height?: any; /** - * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, - * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. - * Default Value: null + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + italic?: boolean; /** - * Sets the size of the object/shape. 4 | '6px' | ... + * 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 "..." 5 | 10 | ... */ - size?: any; + 'max-chars'?: number; + maxChars?: number; /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - values?: any; + 'offset-x'?: any; + offsetX?: any; /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * To turn on chart zooming on scale. Default is false. + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - zooming?: boolean; + width?: any; /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the border 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)' | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-color'?: string; + borderColor?: 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)" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the size of the pivot point. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + size?: number; /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + type?: string; /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + x?: number; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets the visibility of the object. true | false */ - 'line-style'?: string; - lineStyle?: string; + visible?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + y?: number; + }; + guide?: { /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-color background gradient of the object. To be used with background-color-1. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line 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)' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'background-fit'?: string; - backgroundFit?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the visibility of the object. true | false */ - 'background-position'?: string; - backgroundPosition?: string; + visible?: boolean; + }; + item?: { /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + alpha?: number; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - bold?: boolean; + angle?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'border-bottom'?: string; - borderBottom?: string; + 'background-color'?: string; + backgroundColor?: 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)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'font-family'?: string; + fontFamily?: string; /** - * 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 | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'border-right'?: string; - borderRight?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'border-top'?: string; - borderTop?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'border-width'?: number | string - borderWidth?: number | string + offsetR?: number; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - callout?: boolean; + padding?: number; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the visibility of the object. */ - 'callout-height'?: any; - calloutHeight?: any; + visible?: boolean; + }; + markers?: 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] | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'callout-hook'?: any; - calloutHook?: any; + alpha?: number; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the border 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)' | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the line 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)' | ... */ - color?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'fill-angle'?: number; - fillAngle?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an ending offset for the scale marker. 0.1 | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'offset-end'?: number | string; + offsetEnd?: number | string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets a starting offset for the scale marker. 0.5 | ... */ - 'fill-type'?: string; - fillType?: string; + 'offset-start'?: number | string; + offsetStart?: number | string; /** - * 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 | ... + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... */ - 'font-angle'?: number; - fontAngle?: number; + range?: any; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the scale marker type: area or line. 'area' | 'line' */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'font-family'?: string; - fontFamily?: string; + alpha?: number; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'font-size'?: any; - fontSize?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the border 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)' | ... */ - 'font-style'?: string; - fontStyle?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'border-width'?: number | string; + borderWidth?: number | 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" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'gradient-colors'?: string; - gradientColors?: string; + 'line-style'?: string; + lineStyle?: 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" | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + size?: number; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }>; + }; + tick?: { /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - height?: any; + alpha?: number; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * Sets the line 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)' | ... */ - italic?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * 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 "..." 5 | 10 | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'max-chars'?: number; - maxChars?: number; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'max-width'?: any; - maxWidth?: any; + placement?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'offset-x'?: any; - offsetX?: any; + size?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'offset-y'?: any; - offsetY?: any; + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { /** - * 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" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - padding?: any; + alpha?: number; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the line width of the object. 1 | 3 | '6px' | ... */ - underline?: boolean; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }>; }; - items?: Array<{ + item?: { /** - * 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 comp - * letely opaque. 0....1 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ angle?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * 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 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-right'?: string; - borderRight?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'border-top'?: string; - borderTop?: string; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'font-size'?: number; + fontSize?: number; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the font style of the object. 'italic' | 'normal' */ - callout?: boolean; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'callout-extension'?: any; - calloutExtension?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ - 'callout-height'?: any; - calloutHeight?: any; + padding?: number; /** - * 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] | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + alpha?: number; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'callout-width'?: any; - calloutWidth?: any; + 'line-style'?: string; + lineStyle?: string; /** - * true | false | 1 | 0 + * Sets the line width of the object. 4 | '6px' | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - color?: string; + placement?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'fill-angle'?: number; - fillAngle?: number; + size?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the visibility of the object. true | false */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + itemsOverlap?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: number | string; + offsetEnd?: number | string; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: number | string; + offsetStart?: number | string; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the value of each step along an axis. + */ + step?: number | string; + /** + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - 'fill-type'?: string; - fillType?: string; + alpha?: number; /** - * 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 | ... + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets 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)" | ... */ - 'font-color'?: string; - fontColor?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * 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)" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'font-size'?: any; - fontSize?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... */ - 'font-style'?: string; - fontStyle?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ - underline?: boolean; + 'line-width'?: number | string; + lineWidth?: number | string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }>; - label?: { + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + }>; + }; + item?: { /** * 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 comp - * letely 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 | ... + * letely opaque. 0....1 */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -6535,8 +6604,7 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * 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 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -6640,34 +6708,32 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * 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)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** - * 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 - * | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; @@ -6678,28 +6744,28 @@ declare namespace zingchart { 'font-angle'?: number; fontAngle?: number; /** - * 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)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -6716,23 +6782,21 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * 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%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * 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 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ 'lock-rotation'?: boolean; lockRotation?: boolean; /** * 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 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; @@ -6798,16 +6862,18 @@ declare namespace zingchart { 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** @@ -6820,11 +6886,10 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - labels?: any; - markers?: Array<{ + items?: Array<{ /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. 0....1 */ alpha?: number; /** @@ -6840,14 +6905,14 @@ declare namespace zingchart { 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -6871,6 +6936,15 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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)" | ... @@ -6878,30 +6952,156 @@ declare namespace zingchart { 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-left'?: string; + borderLeft?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'fill-offset-y'?: any; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; fillOffsetY?: any; /** * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -6915,43 +7115,30 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-color'?: string; - lineColor?: string; + height?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - 'line-gap-size'?: any; - lineGapSize?: any; + italic?: boolean; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * 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 "..." 5 | 10 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -6963,597 +7150,1036 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom + * 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" | ... */ - placement?: string; + padding?: any; /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - range?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the object's left padding around the text. 4 | "6px" | ... */ - shadow?: boolean; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets 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 | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'shadow-blur'?: any; - shadowBlur?: any; + rtl?: boolean; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the text content of the object. "Some Text" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + text?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - type?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'value-range'?: boolean; - valueRange?: boolean; + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: Array<{ /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - rule?: string; + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }>; - tick?: { + label?: { /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... + * 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 comp + * letely 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 | ... */ alpha?: number; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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. -4 + * 5 | 115 | ... */ - 'line-color'?: string; - lineColor?: string; + angle?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * 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)" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * 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)" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Determines the placement of tick marks along an axis line. inner | cross | outer + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - placement?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - shadow?: boolean; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + * 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 */ - 'shadow-angle'?: number; - shadowAngle?: number; + bold?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - size?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - visible?: boolean; - }; - tooltip?: { + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - alpha?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * 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-alpha'?: number; - borderAlpha?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-top'?: string; + borderTop?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'font-color'?: string; - fontColor?: string; + callout?: boolean; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the font style of the object text. "normal" | "italic" + * 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] | ... */ - 'font-style'?: string; - fontStyle?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - height?: number; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; + 'callout-width'?: any; + calloutWidth?: any; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - sticky?: boolean; + rtl?: boolean; /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - timeout?: number; + underline?: boolean; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - width?: number; + width?: any; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; }; - transform?: { + labels?: any; + markers?: Array<{ /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'background-image'?: string; - backgroundImage?: string; + alpha?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'background-position'?: string; - backgroundPosition?: string; + angle?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets the border 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)' | ... */ - bold?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-bottom'?: string; - borderBottom?: string; + 'border-radius'?: number | string; + borderRadius?: number | 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)" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'border-left'?: string; - borderLeft?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * 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 | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'border-right'?: string; - borderRight?: string; + padding?: number; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'border-top'?: string; - borderTop?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets the width of the object. 50 | '200px' | ... */ - callout?: boolean; + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: Array<{ + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }>; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + alpha?: number; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'line-color'?: string; + lineColor?: string; /** - * 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] | ... + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ - 'callout-hook'?: any; - calloutHook?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'line-width'?: number | string; + lineWidth?: number | string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'callout-position'?: string; - calloutPosition?: string; + visible?: boolean; + }; + item?: { /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'callout-width'?: any; - calloutWidth?: any; + alpha?: number; /** - * Cuts off extra text. Use with width. true | false | 1 | 0 + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + angle?: number; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - color?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets 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)" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * 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)" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'fill-type'?: string; - fillType?: string; + 'background-image'?: string; + backgroundImage?: string; /** - * 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 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; fontAngle?: number; @@ -9150,117 +9776,7 @@ declare namespace zingchart { */ visible?: boolean; }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; + tooltip?: tooltip; transform?: { /** * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or @@ -9665,12 +10181,26 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; } - interface trendDown { + interface tooltipRules extends tooltip { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface tooltip { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; /** * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, @@ -9679,179 +10209,154 @@ declare namespace zingchart { 'background-color'?: string; backgroundColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-color'?: string; - borderColor?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ - 'line-color'?: string; - lineColor?: string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface trendEqual { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ - 'line-color'?: string; - lineColor?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface trendUp { + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - alpha?: number; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-bottom'?: string; + borderBottom?: string; /** * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'line-color'?: string; - lineColor?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; - } - interface valueBoxRules extends valueBox { + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - rule?: string; - } - interface valueBox { + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - alpha?: number; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ - angle?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-right'?: string; + borderRight?: string; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ - 'background-fit'?: string; - backgroundFit?: string; + callout?: boolean; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * 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. For graph plot tooltip. [200, 50] | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ - 'border-alpha'?: number; - borderAlpha?: number; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" */ - 'border-color'?: string; - borderColor?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ - callout?: boolean; + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; /** * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ @@ -9862,296 +10367,248 @@ declare namespace zingchart { 'decimals-separator'?: string; decimalsSeparator?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the value box text. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + * Sets the font style of the object text. "normal" | "italic" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + * Sets the font weight of the object text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-style'?: string; - lineStyle?: string; + height?: number; /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. */ - 'offset-x'?: any; - offsetX?: any; + 'html-mode'?: boolean; + htmlMode?: boolean; /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - 'offset-y'?: any; - offsetY?: any; + item?: string; /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - padding?: any; + map?: string; /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - placement?: any; + margin?: any; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - rtl?: boolean; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - shadow?: boolean; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - text?: string; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - rules?: valueBoxRules[]; - } - - interface globals { + 'offset-x'?: any; + offsetX?: any; /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ - alpha?: number; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets the padding around the object text. "10%" | "25px" ... */ - 'border-color'?: string; - borderColor?: string; + padding?: number; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ - 'font-color'?: string; - fontColor?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... */ - 'font-family'?: string; - fontFamily?: string; + placement?: string; /** - * Sets the font size of the object. 12 | "20px" | ... + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. */ - 'font-size'?: any; - fontSize?: any; + position?: string; /** - * Sets the font weight of the object. "normal" | "bold" + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'font-weight'?: string; - fontWeight?: string; + rtl?: boolean; + rules?: tooltipRules[]; /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + shadow?: boolean; /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + * Sets 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 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'line-width'?: number; + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; } - interface graphset { + interface trendDown { /** * 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 be * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... @@ -10169,7961 +10626,4940 @@ declare namespace zingchart { */ 'border-color'?: string; borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - height?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface trendEqual { /** - * The type of the chart "line" | "bar"... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - type?: string; + alpha?: number; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: Array<{ - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }>; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text of the tooltip. - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - }; - images?: Array<{ - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - labels?: label[]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - dragHandler?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - highlightPlot?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - paddingRight?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - }; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - showMarker?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - }; - 'page-off'?: pageOff; - pageOff?: pageOff; - 'page-on'?: pageOn; - pageOn?: pageOn; - 'page-status'?: pageStatus; - pageStatus?: pageStatus; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. "Legend Tooltips" | "%t %plot-description" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - }; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - 'media-rules'?: Array<{ - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - maxHeight?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - minHeight?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - minWidth?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }>; - 'no-data'?: noData; - noData?: noData; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - colorType?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - maxFontSize?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - maxItems?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - minFontSize?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - minLength?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - stepAngle?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - stepRadius?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: contextMenu; - contextMenu?: contextMenu; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - 'hover-state'?: hoverState; - hoverState?: hoverState; - tooltip?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font angle of the object. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: number; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * Sets the text to be displayed in the tooltips. "%text: %hits" | ... - */ - text?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. true | false (default) - */ - visible?: boolean; - }; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: Array<{ - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }>; - }; - plot?: { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - barMaxWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - barWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Certain plot to add in selection tool. - */ - 'data-append-selection'?: boolean; - dataAppendSelection?: boolean; - /** - * Certain plot to ignore in selection tool. - */ - 'data-ignore-selection'?: boolean; - dataIgnoreSelection?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * Turns off click on slices - */ - detached?: boolean; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or - * "highlight-marker" object(s), which allow for custom styling. - * Default Value: false - */ - hightlight?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - maxNodes?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - maxRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - maxSize?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - midPoint?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - minRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - minSize?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - samplingStep?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; - /** - * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows - * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which - * allow you specify the styling attributes you want applied. - * Accepted Values: ['none', 'plot', 'graph', 'multiple'] - */ - 'selection-mode'?: string; - selectionMode?: string; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - smartSampling?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Hole size in middle of chart - */ - slice?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - stepStart?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - tooltipText?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - onLegendToggle?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: Array<{}>; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: number | string; - borderRadius?: number | string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - highlight?: boolean; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. - */ - 'html-mode'?: boolean; - htmlMode?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - }; - 'value-box'?: valueBox; - valueBox?: valueBox; - }; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - marginBottomOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - marginLeftOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - marginRightOffset?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - marginTopOffset?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - maskTolerance?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - minDistance?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: scrollXSCrollY; - scrollXScrollY?: scrollXSCrollY; - selectionTool?: { - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - }; - }; - series?: series[]; - shapes?: Array<{ - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number | string; - lineWidth?: number | string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - /** - * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. - * Default Value: 0 - */ - 'time-zone'?: number; - timeZone?: number; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - tooltip?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface trendUp { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + } + interface valueBoxRules extends valueBox { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface valueBox { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { /** - * Sets 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 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + alpha?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the line width of the object. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'line-width'?: number | string; + lineWidth?: number | string; + }; + joined?: { /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + alpha?: number; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'border-color'?: string; + borderColor?: string; /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - transform?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - visible?: boolean; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - width?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'font-size'?: any; + fontSize?: any; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'z-index'?: number; - zIndex?: number; - }; - /** - * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. - */ - utc?: boolean; - widget?: { + padding?: number; /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... */ - type?: string; + text?: string; }; - zoom?: { + shared?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: number | string - borderWidth?: number | string - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: number; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; + 'border-width'?: number | string + borderWidth?: number | string /** - * To enabled shared zooming when there are mulitple charts in a graphset - */ - shared?: boolean; - }; - /** - * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. - */ - zoomSnap?: boolean; - } - - interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - /** - * Sets the label of the custom menu item. - */ - text?: string; - /** - * Executes specified custom function for the custom menu item. - */ - 'custom-function'?: string; - customFunction?: string; - } - interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: contextMenuGui; - contextMenu?: contextMenuGui; - } - interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + rules?: valueBoxRules[]; + } + + interface globals { /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - 'border-bottom'?: string; - borderBottom?: string; + alpha?: number; /** - * 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)" | ... + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'border-top'?: string; - borderTop?: string; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string; borderWidth?: number | string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - height?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - margin?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the font size of the object. 12 | "20px" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the font weight of the object. "normal" | "bold" */ - 'margin-left'?: any; - marginLeft?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the object's right margin. 4 | "6px" | ... + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'margin-right'?: any; - marginRight?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's top margin. 4 | "6px" | ... + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - 'margin-top'?: any; - marginTop?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - position?: string; + 'line-width'?: number; + } + interface graphset { /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + height?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - visible?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * The type of the chart "line" | "bar"... */ - width?: any; + type?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - x?: any; + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: Array<{ + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }>; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: tooltip; + }; + images?: Array<{ + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + labels?: label[]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + dragHandler?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + highlightPlot?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + paddingRight?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + showMarker?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + }; + 'page-off'?: pageOff; + pageOff?: pageOff; + 'page-on'?: pageOn; + pageOn?: pageOn; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: tooltip; + }; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - y?: any; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { + 'max-trackers'?: number; + maxTrackers?: number; + 'media-rules'?: Array<{ + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }>; + 'no-data'?: noData; + noData?: noData; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + colorType?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + maxFontSize?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + maxItems?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + minFontSize?: any; + /** + * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... + */ + 'min-length'?: any; + minLength?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + stepAngle?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + stepRadius?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: contextMenu; + contextMenu?: contextMenu; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: number | string; + borderRadius?: number | string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: number; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + 'hover-state'?: hoverState; + hoverState?: hoverState; + tooltip?: tooltip; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: Array<{ + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }>; + }; + plot?: plot; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + marginLeftOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + marginRightOffset?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + marginTopOffset?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + maskTolerance?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: scrollXSCrollY; + scrollXScrollY?: scrollXSCrollY; + selectionTool?: { + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + }; + }; + series?: series[]; + shapes?: Array<{ + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... */ - alpha?: number; + 'border-width'?: number | string + borderWidth?: number | 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + callout?: boolean; /** - * Sets 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)" | ... + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * 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)" | ... + * Sets the height of the object's callout arrow. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the width of the object's callout arrow. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'callout-width'?: any; + calloutWidth?: any; /** - * 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)" | ... + * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; @@ -18138,10 +15574,41 @@ declare namespace zingchart { 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the fill type. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -18154,6 +15621,100 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18185,68 +15746,93 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; - }; - } - interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - resetTimeout?: number; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. + * Default Value: 0 */ - 'adjust-scale'?: boolean; - adjustScale?: boolean; - curtain?: { + 'time-zone'?: number; + timeZone?: number; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; @@ -18271,112 +15857,109 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 */ - bold?: string; + bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: 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)" | ... + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * 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 | ... + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets if the object will have a callout arrow. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** - * 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] | ... + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** @@ -18400,34 +15983,33 @@ declare namespace zingchart { 'fill-type'?: string; fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the title. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -18444,899 +16026,948 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - rtl?: boolean; + height?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 */ - shadow?: boolean; + italic?: boolean; /** - * Sets 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 | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + item?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + map?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + margin?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the object's bottom margin. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the object's left margin. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the object's right margin. 4 | "6px" | ... */ - text?: string; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the object's top margin. 4 | "6px" | ... */ - 'text-align'?: string; - textAlign?: string; + 'margin-top'?: any; + marginTop?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - underline?: boolean; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - visible?: boolean; + padding?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } - interface series { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: number; - barWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: number | string; - borderWidth?: number | string; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - dataDragging?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + tooltip?: tooltip; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... + * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. */ - 'gradient-colors'?: string; - gradientColors?: string; + utc?: boolean; + values?: any; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: number | string + borderWidth?: number | string + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: number; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean; + }; /** - * 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" | ... + * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. */ - 'gradient-stops'?: string; - gradientStops?: string; + zoomSnap?: boolean; + } + + interface behavior { /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 + * To enable or disable individual context menu item behaviors. "all" | "none" */ - 'group-selections'?: boolean; - groupSelections?: boolean; + enabled?: string; /** - * Sets the ID of the object. "myid" | "f1" | ... + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... */ id?: string; /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + * Sets the label of the custom menu item. */ - join?: any; + text?: string; /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + * Executes specified custom function for the custom menu item. */ - 'legend-text'?: string; - legendText?: string; + 'custom-function'?: string; + customFunction?: string; + } + interface gui { /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * To create custom context menu items */ - 'line-color'?: string; - lineColor?: string; + behaviors?: behavior[]; + 'context-menu'?: contextMenuGui; + contextMenu?: contextMenuGui; + } + interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... + * Sets 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)" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * 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)" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'background-fit'?: string; + backgroundFit?: string; /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'max-nodes'?: number; - maxNodes?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'max-ratio'?: number; - maxRatio?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'max-size'?: number; - maxSize?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'max-trackers'?: number; - maxTrackers?: number; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + * 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)" | ... */ - 'mid-point'?: boolean; - midPoint?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'min-ratio'?: number; - minRatio?: number; + 'border-left'?: string; + borderLeft?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'min-size'?: number; - minSize?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - monotone?: boolean; + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - multiplier?: boolean; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - negation?: string; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * 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 | ... */ - 'offset-x'?: any; - offsetX?: any; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'border-right'?: string; + borderRight?: string; /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'preview-state'?: any; - previewState?: any; + 'border-top'?: string; + borderTop?: string; /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'ref-angle'?: number; - refAngle?: number; + 'border-width'?: number | string; + borderWidth?: number | string; /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - reference?: string; + callout?: boolean; /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'sampling-step'?: number; - samplingStep?: number; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - scales?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" + * 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] | ... */ - scaling?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - shadow?: boolean; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets 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 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'shadow-color'?: string; - shadowColor?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * 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" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 + * 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" | ... */ - short?: boolean; + 'gradient-stops'?: string; + gradientStops?: string; /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'short-unit'?: string; - shortUnit?: string; + height?: any; /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'show-zero'?: boolean; - showZero?: boolean; + margin?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + * Sets the object's bottom margin. 4 | "6px" | ... */ - 'size-factor'?: number; - sizeFactor?: number; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + * Sets the object's left margin. 4 | "6px" | ... */ - 'slice-start'?: number; - sliceStart?: number; + 'margin-left'?: any; + marginLeft?: any; /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... + * Sets the object's right margin. 4 | "6px" | ... */ - stack?: number; + 'margin-right'?: any; + marginRight?: any; /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + * Sets the object's top margin. 4 | "6px" | ... */ - stacked?: boolean; + 'margin-top'?: any; + marginTop?: any; /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - 'step-start'?: string; - stepStart?: string; + position?: string; /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - target?: string; + shadow?: boolean; /** - * Sets the thickness of pie3d charts. 5 | 10 | ... + * Sets 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 | ... */ - thickness?: number; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'tooltip-text'?: string; - tooltipText?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the type of the object/shape. - * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', - * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] - * Default Value: 'poly' + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - type?: string; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - url?: string; + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-end'?: number; - zEnd?: number; + width?: any; /** - * Sets the z-index of the series object + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-index'?: number; - zIndex?: number; + x?: any; /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'z-start'?: number; - zStart?: number; - animation?: { + y?: any; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - delay?: number; + alpha?: number; /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - effect?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + * Sets 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)" | ... */ - method?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 + * 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)" | ... */ - 'on-change'?: boolean; - onChange?: boolean; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'on-legend-toggle'?: boolean; - onLegendToggle?: boolean; + 'background-fit'?: string; + backgroundFit?: string; /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - sequence?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { + 'background-position'?: string; + backgroundPosition?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - alpha?: number; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'border-color'?: string; + borderColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'border-width'?: number | string + borderWidth?: number | string /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - size?: any; - }; - errors?: Array<{}>; - goal?: { + 'fill-type'?: string; + fillType?: string; /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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" | ... */ - alpha?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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" | ... */ - 'background-color'?: any; - backgroundColor?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'border-color'?: any; - borderColor?: any; + shadow?: boolean; /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets 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 | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the height of the object. 10 | "20px" + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - height?: number; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'line-style'?: string; - lineStyle?: string; + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { + } + interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + resetTimeout?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + adjustScale?: boolean; + curtain?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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 se * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. - * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: number | string borderWidth?: number | string /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the text's font size of the marker. 4 | "6px" | ... + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -19350,9 +16981,21 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - map?: string; + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -19364,456 +17007,899 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - shadow?: boolean; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets 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 | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'shadow-angle'?: number; - shadowAngle?: number; + underline?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'shadow-color'?: string; - shadowColor?: string; + visible?: boolean; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + bandSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: number; + barWidth?: number; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: number | string; + borderWidth?: number | string; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + dataDragging?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * Sets the ID of the object. "myid" | "f1" | ... + */ + id?: string; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + previewState?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the type of the object/shape. + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', + * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Default Value: 'poly' + */ + type?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-index of the series object + */ + 'z-index'?: number; + zIndex?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + zStart?: number; + animation?: { /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - size?: any; + delay?: number; /** - * Sets the character used to separate thousands. "," | "." | " " | ... + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + effect?: number; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... */ - type?: string; + method?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 */ - visible?: boolean; + 'on-change'?: boolean; + onChange?: boolean; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 */ - x?: any; + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... */ - y?: any; + sequence?: number; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... */ - 'z-index'?: number; - zIndex?: number; + speed?: number; }; - preview?: { + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'alpha-area'?: number; - alphaArea?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 2 | 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ 'line-width'?: number | string; lineWidth?: number | string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + * Sets the size of the object/shape. 4 | "6px" | ... */ - type?: string; + size?: any; }; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - text?: string; - tooltip?: { + errors?: Array<{}>; + goal?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. For graph plot tooltip. 0.3 | 0.9 | ... + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). For graph plot to - * oltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(1 - * 00, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-left'?: string; - borderLeft?: string; + 'background-color'?: any; + backgroundColor?: any; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. For grap - * h plot tooltip. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'border-color'?: any; + borderColor?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'border-radius'?: number | string; + borderRadius?: number | string; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the height of the object. 10 | "20px" */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + height?: number; /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'line-style'?: string; + lineStyle?: string; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... */ - 'border-right'?: string; - borderRight?: string; + alpha?: number; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - 'border-top'?: string; - borderTop?: string; + angle?: number; /** - * Sets the border width of the object. For graph plot tooltip. 4 | "6px" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... */ - 'border-width'?: number | string - borderWidth?: number | string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - callout?: boolean; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * 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. For graph plot tooltip. [200, 50] | ... + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" */ - 'callout-hook'?: any; - calloutHook?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" */ - 'callout-width'?: any; - calloutWidth?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - color?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - decimals?: number; + 'border-width'?: number | string + borderWidth?: number | string /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the tooltip. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the tooltip. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the tooltip. 4 | "6px" | ... + * Sets the text's font size of the marker. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the tooltip. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the tooltip. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. For graph plot tooltip. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'max-width'?: any; - maxWidth?: any; + map?: string; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; - /** - * Sets the object's padding around the text of the tooltip. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -19846,30 +17932,96 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + size?: any; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: any; + x?: any; /** - * Sets whether the text will wrap, depending on the width of the object. For graph plot tooltip. true | false | 1 | 0 + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + y?: any; /** * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... */ 'z-index'?: number; zIndex?: number; }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: number | string; + lineWidth?: number | string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + text?: string; + tooltip?: tooltip; 'trend-down'?: trendDown; trendDown?: trendDown; 'trend-equal'?: trendEqual; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 6ef986f9e62990..dccd2656bc242f 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -26,11 +26,18 @@ const chartConfig: zc.graphset[] = [ 'selected-state': { 'line-color': 'red', }, + rules: [{ + rule: '%x > 10', + tooltip: { + htmlMode: false, + }, + }], tooltip: { htmlMode: true, text: 'Hello world', rules: [{ rule: '%x > 10', + text: 'tooltip text', }], }, 'value-box': { @@ -65,6 +72,7 @@ const chartConfig: zc.graphset[] = [ }], }, }, + values: [1, 2, 3], zoom: { shared: true, }, From ebe017a0ee131d63d5f66ec944f8e0c6857a7e7b Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Wed, 24 Aug 2022 08:22:46 -0700 Subject: [PATCH 62/86] update(zingchart): add tree-related options properties --- types/zingchart/es6/index.d.ts | 2114 ++++++++++++++++++++-------- types/zingchart/index.d.ts | 4 +- types/zingchart/zingchart-tests.ts | 14 + 3 files changed, 1578 insertions(+), 554 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 0ce1ec864f6345..b85d791c553ba5 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -108,8 +108,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -264,8 +264,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -351,8 +351,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -361,8 +361,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the size of the object. 4 | "6px" | ... */ @@ -435,8 +435,8 @@ declare namespace zingchart { /** * Sets the width of the object's border. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" * | ... @@ -625,8 +625,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -702,8 +702,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -752,8 +752,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -802,8 +802,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -859,8 +859,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -909,8 +909,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -952,8 +952,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ @@ -1019,8 +1019,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -1034,8 +1034,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 @@ -1063,8 +1063,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -1078,8 +1078,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g * ear6 | gear7 | gear8 @@ -1145,8 +1145,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -1205,8 +1205,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -1324,13 +1324,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -1393,12 +1393,12 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -1553,8 +1553,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -1832,8 +1832,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -2258,8 +2258,8 @@ declare namespace zingchart { * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r * ight box. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 @@ -2688,8 +2688,8 @@ declare namespace zingchart { * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u * pper right box. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -2775,418 +2775,1329 @@ declare namespace zingchart { */ y?: any; } - interface minorGuide { + interface link { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. */ - alpha?: number; + alpha?: any; /** - * Sets the line 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)' | ... + * @description Sets the transparency level of area in chart. 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. */ - 'line-color'?: string; - lineColor?: string; + alphaArea?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * @description Sets the transparency level of area in chart. 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. */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'alpha-area'?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * @description Sets the rotation angle of the object. */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + angle?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * @description Sets the end angle of a pie shape. */ - 'line-style'?: string; - lineStyle?: string; + angleEnd?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * @description Sets the end angle of a pie shape. */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'angle-end'?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * @description Sets the beginning angle of a pie shape. */ - visible?: boolean; - } - interface minorTick { + angleStart?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * @description Sets the beginning angle of a pie shape. */ - alpha?: number; + 'angle-start'?: any; /** - * Sets the line 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)' | ... + * @description Sets the aspect of the chart. */ - 'line-color'?: string; - lineColor?: string; + aspect?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * @description Clips the background image to the margins of the shape/box. */ - 'line-gap-size'?: any; - lineGapSize?: any; + backgroundClip?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + * @description Clips the background image to the margins of the shape/box. */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'background-clip'?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * @description 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)") */ - 'line-style'?: string; - lineStyle?: string; + backgroundColor?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * @description 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)") */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'background-color'?: string; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ - placement?: string; + backgroundColor1?: string; /** - * Sets the size of the object. 10 | '16px' | ... + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. */ - size?: number; + 'background-color-1'?: string; /** - * Sets the visibility of the object. true | false + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ - visible?: boolean; - } - interface noData { + backgroundColor2?: string; /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. */ - align?: string; + 'background-color-2'?: string; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * @description Sets the direction/s on which the background image is being "stretched". */ - 'vertical-align'?: string; - verticalAlign?: string; + backgroundFit?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * @description Sets the direction/s on which the background image is being "stretched". */ - alpha?: number; + 'background-fit'?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * @description Sets a background image for the object. Value can be a local file or a web image's location. */ - 'background-color'?: string; - backgroundColor?: string; + backgroundImage?: string; /** - * Sets 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)" | ... + * @description Sets a background image for the object. Value can be a local file or a web image's location. */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'background-image'?: 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)" | ... + * @description Sets the position of the background when the background-repeat value is no-repeat. */ - 'background-color-2'?: string; - backgroundColor2?: string; + backgroundPosition?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * @description Sets the position of the background when the background-repeat value is no-repeat. */ - 'background-fit'?: string; - backgroundFit?: string; + 'background-position'?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * @description Sets the repeating mode for the background image. */ - 'background-image'?: string; - backgroundImage?: string; + backgroundRepeat?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * @description Sets the repeating mode for the background image. */ - 'background-position'?: string; - backgroundPosition?: string; + 'background-repeat'?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * @description Scales the background image using the specified ratio. */ - 'background-repeat'?: string; - backgroundRepeat?: string; + backgroundScale?: any; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * @description Scales the background image using the specified ratio. */ - bold?: boolean; + 'background-scale'?: any; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * @description Sets the border width of the object. Can be a single value or a string of values, setting + * the values in the order "top right bottom left" */ - 'border-bottom'?: string; - borderBottom?: string; + border?: any; /** - * 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)" | ... + * @description Sets the transparency level of the border on 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. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on 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. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. */ - 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * @description Sets the border color of the object. */ - 'border-left'?: string; - borderLeft?: string; + 'border-color'?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * @description 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. */ - 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * @description 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. */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + fastVectorPath?: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + 'fast-vector-path'?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the id of the object. + */ + id?: string; + /** + * @description Sets the id or style of the item. + */ + item?: string; + /** + * @description Configures the object's label. + */ + label?: label; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + lineCap?: string; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + 'line-cap'?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + lineColor?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + 'line-color'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + lineGapSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + 'line-gap-size'?: any; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + lineJoin?: string; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + 'line-join'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + lineSegmentSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + 'line-segment-size'?: any; + /** + * @description Sets the line style of the object. + */ + lineStyle?: string; + /** + * @description Sets the line style of the object. + */ + 'line-style'?: string; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + lineWidth?: any; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + 'line-width'?: any; + /** + * @description Sets the map id of the map on which the object/shape is being added. + */ + map?: string; + /** + * @description Sets an R offset to apply when positioning the object. + */ + offsetR?: any; + /** + * @description Sets an R offset to apply when positioning the object. + */ + 'offset-r'?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + offsetX?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + 'offset-x'?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + offsetY?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + 'offset-y'?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + offsetZ?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + 'offset-z'?: any; + /** + * @description Sets the object's padding around the text. + */ + padding?: any; + /** + * @description Sets the coordinates of the object/shape points. + */ + points?: any[]; + /** + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. + */ + shadow?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + shadowAlpha?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + 'shadow-alpha'?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + shadowAngle?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + shadowBlur?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. + */ + shadowColor?: string; + /** + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. + */ + shadowDistance?: any; + /** + * @description Sets the distance between the shadow and the object. + */ + 'shadow-distance'?: any; + /** + * @description Sets the size of the object. + */ + size?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + size2?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + 'size-2'?: any; + /** + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. + */ + slice?: any; + /** + * @description Sets the target of the object. + */ + target?: string; + /** + * @description Configures the tooltip element, which appears when hovering over an object. + */ + tooltip?: tooltip; + /** + * @description Sets the type of the object. + */ + type?: string; + /** + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. + */ + url?: string; + /** + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. + */ + x?: any; + /** + * @description Sets the Y position of the object. + */ + y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; + } + interface minorGuide { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface minorTick { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface noData { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface node { + /** + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. + */ + alpha?: any; + /** + * @description Sets the transparency level of area in chart. + */ + alphaArea?: any; + /** + * @description Sets the transparency level of area in chart. + */ + 'alpha-area'?: any; + /** + * @description Sets the rotation angle of the object. + */ + angle?: any; + /** + * @description Sets the end angle of a pie shape. + */ + angleEnd?: any; + /** + * @description Sets the end angle of a pie shape. + */ + 'angle-end'?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + angleStart?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + 'angle-start'?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + backgroundClip?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + 'background-clip'?: any; + /** + * @description Sets the background color of the object. + */ + backgroundColor?: string; + /** + * @description Sets the background color of the object. + */ + 'background-color'?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + backgroundColor1?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + 'background-color-1'?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + backgroundColor2?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + 'background-color-2'?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + backgroundFit?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + 'background-fit'?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + backgroundImage?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + 'background-image'?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + backgroundPosition?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + 'background-position'?: string; + /** + * @description Sets the repeating mode for the background image. + */ + backgroundRepeat?: any; + /** + * @description Sets the repeating mode for the background image. + */ + 'background-repeat'?: any; + /** + * @description Scales the background image using the specified ratio. + */ + backgroundScale?: any; + /** + * @description Scales the background image using the specified ratio. + */ + 'background-scale'?: any; + /** + * @description Sets the border width of the object. + */ + border?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. + */ + borderColor?: string; + /** + * @description Sets the border color of the object. + */ + 'border-color'?: string; + /** + * @description Sets the object's border radius for rounded corners. + */ + borderRadius?: any; + /** + * @description Sets the object's border radius for rounded corners. + */ + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the hover state styles of the object. + */ + hoverState?: hoverState; + /** + * @description Sets the hover state styles of the object. + */ + 'hover-state'?: hoverState; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * @description Sets the id of the object. */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + id?: string; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * @description Sets the id or style of the item. */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + item?: string; /** - * 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 | ... + * @description Configures the object's label. */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + label?: label; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * @description Sets the stroke-linecap attribute on SVGs */ - 'border-right'?: string; - borderRight?: string; + lineCap?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * @description Sets the stroke-linecap attribute on SVGs */ - 'border-top'?: string; - borderTop?: string; + 'line-cap'?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ - 'border-width'?: number | string; - borderWidth?: number | string; + lineColor?: string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. */ - color?: string; + 'line-color'?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. */ - 'fill-angle'?: number; - fillAngle?: number; + lineGapSize?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'line-gap-size'?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * @description Sets the stroke-linejoin attribute on SVGs */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + lineJoin?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * @description Sets the stroke-linejoin attribute on SVGs */ - 'fill-type'?: string; - fillType?: string; + 'line-join'?: string; /** - * 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 | ... + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. */ - 'font-angle'?: number; - fontAngle?: number; + lineSegmentSize?: any; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. */ - 'font-color'?: string; - fontColor?: string; + 'line-segment-size'?: any; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * @description Sets the line style of the object. */ - 'font-family'?: string; - fontFamily?: string; + lineStyle?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * @description Sets the line style of the object. */ - 'font-size'?: any; - fontSize?: any; + 'line-style'?: string; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ - 'font-style'?: string; - fontStyle?: string; + lineWidth?: any; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. */ - 'font-weight'?: string; - fontWeight?: string; + 'line-width'?: any; /** - * 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" | ... + * @description Sets the map id of the map on which the object/shape is being added. */ - 'gradient-colors'?: string; - gradientColors?: string; + map?: 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" | ... + * @description Sets an R offset to apply when positioning the object. */ - 'gradient-stops'?: string; - gradientStops?: string; + offsetR?: any; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * @description Sets an R offset to apply when positioning the object. */ - height?: any; + 'offset-r'?: any; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * @description Sets an x-offset to apply when positioning the object. */ - italic?: boolean; + offsetX?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * @description Sets an x-offset to apply when positioning the object. */ 'offset-x'?: any; - offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * @description Sets a y-offset to apply when positioning the object. */ - 'offset-y'?: any; offsetY?: any; /** - * 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" | ... + * @description Sets a y-offset to apply when positioning the object. */ - padding?: any; + 'offset-y'?: any; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * @description Sets a Z offset to apply when positioning the object. */ - 'padding-bottom'?: any; - paddingBottom?: any; + offsetZ?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * @description Sets a Z offset to apply when positioning the object. */ - 'padding-left'?: any; - paddingLeft?: any; + 'offset-z'?: any; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * @description Sets the object's padding around the text. */ - 'padding-right'?: any; - paddingRight?: any; + padding?: any; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * @description Sets the coordinates of the object/shape points. */ - 'padding-top'?: any; - paddingTop?: any; + points?: any[]; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. */ - rtl?: boolean; + shadow?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. */ - shadow?: boolean; + shadowAlpha?: any; /** - * Sets 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 | ... + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'shadow-alpha'?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * @description Sets the angle of the shadow underneath the object. */ - 'shadow-angle'?: number; - shadowAngle?: number; + shadowAngle?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. */ - 'shadow-blur'?: any; shadowBlur?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. */ - 'shadow-color'?: string; shadowColor?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. */ - 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... + * @description Sets the distance between the shadow and the object. */ - text?: string; + 'shadow-distance'?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * @description Sets the size of the object. */ - 'text-align'?: string; - textAlign?: string; + size?: any; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. */ - 'text-alpha'?: number; - textAlpha?: number; + size2?: any; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. */ - 'text-decoration'?: string; - textDecoration?: string; + 'size-2'?: any; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. */ - underline?: boolean; + slice?: any; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * @description Sets the target of the object. */ - url?: string; + target?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * @description Configures the tooltip element, which appears when hovering over an object. */ - visible?: boolean; + tooltip?: tooltip; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * @description Sets the type of the object. */ - width?: any; + type?: string; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. */ - 'wrap-text'?: boolean; - wrapText?: boolean; + url?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. */ x?: any; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * @description Sets the Y position of the object. */ y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; } interface pageOff { /** @@ -3247,8 +4158,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3386,8 +4297,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -3582,8 +4493,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -3933,8 +4844,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -4116,8 +5027,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b @@ -4431,8 +5342,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -4458,13 +5369,13 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the height of the object. 10 | "20px" */ @@ -4559,8 +5470,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ @@ -4697,8 +5608,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -4735,8 +5646,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -4745,8 +5656,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; }; 'value-box'?: valueBox; valueBox?: valueBox; @@ -4869,8 +5780,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -5134,8 +6045,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. true | false */ @@ -5189,8 +6100,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. true | false */ @@ -5214,8 +6125,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; }>; }; item?: { @@ -5245,13 +6156,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -5280,7 +6191,7 @@ declare namespace zingchart { /** * Sets the padding of the object 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -5307,8 +6218,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -5443,8 +6354,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -5699,8 +6610,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the size of the pivot point. 4 | "6px" | ... */ @@ -5750,8 +6661,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. true | false */ @@ -5784,13 +6695,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -5824,7 +6735,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -5859,13 +6770,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line 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, @@ -5881,18 +6792,18 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets an ending offset for the scale marker. 0.1 | ... */ - 'offset-end'?: number | string; - offsetEnd?: number | string; + 'offset-end'?: any; + offsetEnd?: any; /** * Sets a starting offset for the scale marker. 0.5 | ... */ - 'offset-start'?: number | string; - offsetStart?: number | string; + 'offset-start'?: any; + offsetStart?: any; /** * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m * arkers. [60] | [20,40] | ... @@ -5929,13 +6840,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -5974,7 +6885,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ @@ -6019,8 +6930,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ @@ -6053,8 +6964,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ @@ -6087,8 +6998,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -6149,8 +7060,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. true | false */ @@ -6194,13 +7105,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -6229,7 +7140,7 @@ declare namespace zingchart { /** * Sets the padding of the object 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -6258,8 +7169,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ @@ -6386,14 +7297,14 @@ declare namespace zingchart { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number | string; - offsetEnd?: number | string; + 'offset-end'?: any; + offsetEnd?: any; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 * | '6px' | '5%' | '35%' | ... */ - 'offset-start'?: number | string; - offsetStart?: number | string; + 'offset-start'?: any; + offsetStart?: any; /** * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... */ @@ -6440,7 +7351,7 @@ declare namespace zingchart { /** * Sets the value of each step along an axis. */ - step?: number | string; + step?: any; /** * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. @@ -6525,8 +7436,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -6550,7 +7461,7 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string + 'border-width'?: any }>; }; item?: { @@ -6669,8 +7580,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -7002,8 +7913,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -7337,8 +8248,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -7616,8 +8527,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -7686,8 +8597,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -7785,13 +8696,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -7825,7 +8736,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ @@ -7886,8 +8797,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ @@ -7986,8 +8897,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -8109,8 +9020,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -8459,8 +9370,8 @@ declare namespace zingchart { /** * Sets the width of the axis line. 4 | '6px' | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E * | 10 | 2 | ... @@ -8546,14 +9457,14 @@ declare namespace zingchart { * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 * | '6px' | '5%' | 35%' | ... */ - 'offset-end'?: number | string; - offsetEnd?: number | string; + 'offset-end'?: any; + offsetEnd?: any; /** * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. * 4 | '6px' | '5%' | 35%' | ... */ - 'offset-start'?: number | string; - offsetStart?: number | string; + 'offset-start'?: any; + offsetStart?: any; /** * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ @@ -8614,7 +9525,7 @@ declare namespace zingchart { /** * Sets the value of each step along an axis. */ - step?: number | string; + step?: any; /** * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ @@ -8693,8 +9604,8 @@ declare namespace zingchart { * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" * | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ @@ -8718,7 +9629,7 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string + 'border-width'?: any /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -8845,8 +9756,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -9180,8 +10091,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -9458,8 +10369,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -9528,8 +10439,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -9627,13 +10538,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -9667,7 +10578,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text alignment of the object. 'left' | 'center' | 'right' */ @@ -9729,8 +10640,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Determines the placement of tick marks along an axis line. inner | cross | outer */ @@ -9954,8 +10865,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -10105,8 +11016,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -10147,8 +11058,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10306,8 +11217,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ @@ -10494,7 +11405,7 @@ declare namespace zingchart { /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number; + padding?: any; 'padding-bottom'?: any; paddingBottom?: any; /** @@ -10629,8 +11540,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -10639,8 +11550,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; } interface trendEqual { /** @@ -10663,8 +11574,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -10673,8 +11584,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; } interface trendUp { /** @@ -10697,8 +11608,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ @@ -10707,8 +11618,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; } interface valueBoxRules extends valueBox { /** @@ -10789,8 +11700,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. * . */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -10938,8 +11849,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; }; joined?: { /** @@ -10962,13 +11873,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -10982,7 +11893,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... */ @@ -11009,13 +11920,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ @@ -11029,7 +11940,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... */ @@ -11052,13 +11963,13 @@ declare namespace zingchart { /** * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ @@ -11120,8 +12031,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ @@ -11297,8 +12208,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the direction of the arrow "top" | "bottom" | "left" | "right" */ @@ -11492,8 +12403,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Reverses the order of items in plotLabel. Generally used with positive stacked charts. */ @@ -11542,8 +12453,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -11780,8 +12691,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -12055,8 +12966,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -12390,8 +13301,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if * border-color is not set. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -12748,8 +13659,8 @@ declare namespace zingchart { /** * Requires border-color. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -13007,8 +13918,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -13134,8 +14045,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -13366,13 +14277,13 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ @@ -13435,8 +14346,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -13655,11 +14566,6 @@ declare namespace zingchart { */ 'min-font-size'?: any; minFontSize?: any; - /** - * To set the minimum length of the words displayed in the word cloud. 3 | 5 | ... - */ - 'min-length'?: any; - minLength?: any; /** * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] */ @@ -13805,6 +14711,110 @@ declare namespace zingchart { visible?: boolean; }; }; + link?: link; + 'link[sibling]'?: link; + [key: `link[cls-${string}`]: link; + [key: `link[container-${string}`]: link; + [key: `link[group-${string}`]: link; + [key: `link[level-${string}`]: link; + [key: `link[parent-${string}`]: link; + [key: `link[source-${string}`]: link; + [key: `link[target-${string}`]: link; + links?: link; + 'max-iterations'?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + maxLevel?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + 'max-level'?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + maxLinkWidth?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + 'max-link-width'?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + maxSize?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + 'max-size'?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + maxValue?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + 'max-value'?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + minLength?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + 'min-length'?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + minLevel?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + 'min-level'?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + minLinkWidth?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + 'min-link-width'?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + minSize?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + 'min-size'?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + minValue?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + 'min-value'?: any; + node?: node; + 'node[collapsed]'?: node; + 'node[leaf]'?: node; + 'node[parent]'?: node; + [key: `node[cls-${string}`]: node; + [key: `node[container-${string}`]: node; + [key: `node[group-${string}`]: node; + [key: `node[level-${string}`]: node; + [key: `node[parent-${string}`]: node; style?: { /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co @@ -13828,13 +14838,13 @@ declare namespace zingchart { /** * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ @@ -13848,7 +14858,7 @@ declare namespace zingchart { /** * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - padding?: number; + padding?: any; /** * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... @@ -14007,8 +15017,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -14246,8 +15256,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14356,8 +15366,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ @@ -14485,8 +15495,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -14761,8 +15771,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any }; }; series?: series[]; @@ -14852,8 +15862,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin * e-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... */ @@ -14917,8 +15927,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ @@ -15110,8 +16120,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Requires border-width. true | false | 1 | 0 */ @@ -15511,8 +16521,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ @@ -15916,8 +16926,8 @@ declare namespace zingchart { * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set * , will display in black.. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets if the object will have a callout arrow. true | false | 1 | 0 */ @@ -16241,8 +17251,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 */ @@ -16269,8 +17279,8 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ @@ -16299,7 +17309,7 @@ declare namespace zingchart { /** * Sets the padding around the object text. "10%" | "25px" ... */ - padding?: number; + padding?: any; /** * Sets the visibility of the object. true | false | 1 | 0 */ @@ -16451,8 +17461,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -16657,8 +17667,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -16873,8 +17883,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -17233,8 +18243,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: number | string; - borderWidth?: number | string; + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ @@ -17406,8 +18416,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b @@ -17716,8 +18726,8 @@ declare namespace zingchart { /** * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the size of the object/shape. 4 | "6px" | ... */ @@ -17743,13 +18753,13 @@ declare namespace zingchart { /** * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'border-radius'?: number | string; - borderRadius?: number | string; + 'border-radius'?: any; + borderRadius?: any; /** * Sets the border width of the object. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the height of the object. 10 | "20px" */ @@ -17847,8 +18857,8 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'border-width'?: number | string - borderWidth?: number | string + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ @@ -17995,8 +19005,8 @@ declare namespace zingchart { /** * Sets the line width of the object. 2 | 4 | "6px" | ... */ - 'line-width'?: number | string; - lineWidth?: number | string; + 'line-width'?: any; + lineWidth?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 766bd08b0aa430..7a0361dbac41af 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -2,8 +2,8 @@ // Project: https://github.com/zingchart // Definitions by: Jeanette Phung // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped -// TypeScript Version: 3.3 -// Minimum TypeScript Version: 3.7 +// TypeScript Version: 4.9 +// Minimum TypeScript Version: 4.4 import { zingchart } from './es6'; export = zingchart; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index dccd2656bc242f..8cf91fa95179e0 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -48,6 +48,20 @@ const chartConfig: zc.graphset[] = [ }] }, }, + options: { + link: { + aspect: 'arc' + }, + maxSize: 15, + minSize: 5, + node: { + type: 'circle', + tooltip: { + padding: '8px', + borderRadius: '3px', + } + } + }, 'scale-x': { itemsOverlap: false, label: { From 923dfcef2e1cd84f7a6cdad5a9d5b71c35cdc7cb Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Tue, 30 Aug 2022 21:57:04 +0300 Subject: [PATCH 63/86] update(zingchart) typings for barWidth and scaleYN --- types/zingchart/es6/index.d.ts | 12 ++++++++---- types/zingchart/zingchart-tests.ts | 12 ++++++++++++ 2 files changed, 20 insertions(+), 4 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index b85d791c553ba5..62212d56af84ff 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -4786,8 +4786,8 @@ declare namespace zingchart { /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: number; - barWidth?: number; + 'bar-width'?: any; + barWidth?: any; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ @@ -15737,8 +15737,12 @@ declare namespace zingchart { scaleV?: scaleV; 'scale-x'?: scaleX; scaleX?: scaleX; + [key: `scale-x-${number}`]: scaleX; + [key: `scaleX${number}`]: scaleX; 'scale-y'?: scaleY; scaleY?: scaleY; + [key: `scale-y-${number}`]: scaleY; + [key: `scaleY${number}`]: scaleY; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... @@ -18185,8 +18189,8 @@ declare namespace zingchart { /** * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'bar-width'?: number; - barWidth?: number; + 'bar-width'?: any; + barWidth?: any; /** * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 8cf91fa95179e0..60b999f1089b26 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -86,6 +86,17 @@ const chartConfig: zc.graphset[] = [ }], }, }, + scaleY2: { + autoFit: true, + zooming: true, + guide: { + items: [{ + borderRadius: 8, + }, { + borderRadius: 2, + }], + }, + }, values: [1, 2, 3], zoom: { shared: true, @@ -94,6 +105,7 @@ const chartConfig: zc.graphset[] = [ { values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], borderRadius: 3, + barWidth: '50%', legendMarker: { lineStyle: 'dotted', }, From d278f823468ef02fa8a1f0437e7b53487f6f911e Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Fri, 30 Sep 2022 13:51:05 -0700 Subject: [PATCH 64/86] Reorder interfaces alphabetically --- types/zingchart/es6/index.d.ts | 20831 +++++++++++++++---------------- 1 file changed, 10413 insertions(+), 10418 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 62212d56af84ff..cb49fb07a5baea 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -30,25 +30,6 @@ declare namespace zingchart { RESOURCES?: boolean; }; - interface data { - globals?: globals; - graphset?: graphset[]; - gui?: gui; - history?: history; - refresh?: refresh; - } - - interface theme { - palette?: { - area?: string[][]; - gauge?: string[][]; - line?: string[][]; - pie?: string[][]; - vbar?: string[][]; - }; - graph?: graphset; - } - interface backgroundMarker { /** * 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 comp @@ -204,7 +185,6 @@ declare namespace zingchart { */ y?: any; } - interface backgroundState { /** * Sets the rotation angle of the object/shape. -45 | 115 | ... @@ -930,6 +910,13 @@ declare namespace zingchart { 'scale-label'?: scaleLabel; scaleLabel?: scaleLabel; } + interface data { + globals?: globals; + graphset?: graphset[]; + gui?: gui; + history?: history; + refresh?: refresh; + } interface guideLabel { /** * 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 comp @@ -1711,7 +1698,6 @@ declare namespace zingchart { */ width?: any; } - interface label { /** * 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 comp @@ -4706,16 +4692,6 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; } - interface plotRules extends plot { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } interface plot { /** * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t @@ -5662,6 +5638,16 @@ declare namespace zingchart { 'value-box'?: valueBox; valueBox?: valueBox; } + interface plotRules extends plot { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } interface plotLabel { /** * 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 comp @@ -6052,212 +6038,34 @@ declare namespace zingchart { */ visible?: boolean; } - interface scaleK { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; + interface series { /** - * Used to hide the k-axis. true | false + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: tooltip; - } - interface scaleLabel { + alpha?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - alpha?: number; + aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -6272,7 +6080,7 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; @@ -6282,32 +6090,42 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - bold?: boolean; + 'band-space'?: number; + bandSpace?: number; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" */ - 'border-alpha'?: number; - borderAlpha?: number; + 'bar-space'?: number; + barSpace?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" */ - 'border-bottom'?: string; - borderBottom?: string; + 'bar-width'?: any; + barWidth?: any; /** - * 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)" | ... + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" */ - 'border-color'?: string; - borderColor?: string; + 'bars-overlap'?: number; + barsOverlap?: number; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" */ - 'border-left'?: string; - borderLeft?: string; + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -6341,18 +6159,7 @@ declare namespace zingchart { 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; @@ -6361,1085 +6168,850 @@ declare namespace zingchart { */ callout?: boolean; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... + * 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] | ... */ - color?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 */ - 'fill-type'?: string; - fillType?: string; + 'contour-on-top'?: boolean; + contourOnTop?: boolean; /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 */ - 'font-angle'?: number; - fontAngle?: number; + 'connect-nulls'?: boolean; + connectNulls?: boolean; /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'font-color'?: string; - fontColor?: string; + cursor?: string; /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'data-...'?: string; /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 */ - 'font-size'?: any; - fontSize?: any; + 'data-dragging'?: boolean; + dataDragging?: boolean; /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... */ - 'font-style'?: string; - fontStyle?: string; + decimals?: number; /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... */ - 'font-weight'?: string; - fontWeight?: string; + 'decimals-separator'?: string; + decimalsSeparator?: 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" | ... + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + description?: 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" | ... + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 */ - 'gradient-stops'?: string; - gradientStops?: string; + exact?: boolean; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * This attribute sets the values to scientific notation true | false | 1 | 0 */ - height?: any; + exponent?: boolean; /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... */ - italic?: boolean; + 'exponent-decimals'?: number; + exponentDecimals?: number; /** - * 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 "..." 5 | 10 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'max-chars'?: number; - maxChars?: number; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'offset-x'?: any; - offsetX?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * 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" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - padding?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] */ - 'padding-bottom'?: any; - paddingBottom?: any; + goals?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * 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" | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 */ - 'padding-top'?: any; - paddingTop?: any; + 'group-selections'?: boolean; + groupSelections?: boolean; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the ID of the object. "myid" | "f1" | ... */ - rtl?: boolean; + id?: string; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ - shadow?: boolean; + join?: any; /** - * Sets 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 | ... + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'legend-text'?: string; + legendText?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'line-style'?: string; + lineStyle?: string; /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - text?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... */ - 'text-align'?: string; - textAlign?: string; + 'max-nodes'?: number; + maxNodes?: number; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'max-ratio'?: number; + maxRatio?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'max-size'?: number; + maxSize?: number; /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - transform?: any; + 'max-trackers'?: number; + maxTrackers?: number; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 */ - underline?: boolean; + 'mid-point'?: boolean; + midPoint?: boolean; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'min-ratio'?: number; + minRatio?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... */ - visible?: boolean; + 'min-size'?: number; + minSize?: number; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 */ - width?: any; + monotone?: boolean; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface scaleR { + multiplier?: boolean; /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" */ - labels?: any; + negation?: string; /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'minor-ticks'?: number; - minorTicks?: number; + 'offset-x'?: any; + offsetX?: any; /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; + 'offset-y'?: any; + offsetY?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + previewState?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the type of the object/shape. + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', + * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Default Value: 'poly' + */ + type?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-index of the series object + */ + 'z-index'?: number; + zIndex?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + zStart?: number; + animation?: { /** - * Sets the border 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)' | ... + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... */ - 'border-color'?: string; - borderColor?: string; + delay?: number; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... */ - 'border-radius'?: any; - borderRadius?: any; + effect?: number; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... */ - 'border-width'?: any; - borderWidth?: any; + method?: number; /** - * Sets the line 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)' | ... + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + onChange?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ 'line-width'?: any; lineWidth?: any; /** - * Sets an ending offset for the scale marker. 0.1 | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'offset-end'?: any; - offsetEnd?: any; + size?: any; + }; + errors?: Array<{}>; + goal?: { /** - * Sets a starting offset for the scale marker. 0.5 | ... + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; + alpha?: number; /** - * Sets the scale marker type: area or line. 'area' | 'line' + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - ring?: { + 'background-color'?: any; + backgroundColor?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - alpha?: number; + 'border-color'?: any; + borderColor?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the border 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)' | ... + * Sets the border width of the object. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the height of the object. 10 | "20px" */ - 'border-width'?: any; - borderWidth?: any; + height?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }>; }; - tick?: { + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... */ alpha?: number; /** - * Sets the line 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)' | ... + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... */ - 'line-color'?: string; - lineColor?: string; + angle?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - placement?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the size of the object. 30 | '40px' | ... + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" */ - size?: number; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the visibility of the object. true | false + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... */ - visible?: boolean; - }; - } - interface scaleV { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { + 'background-image'?: string; + backgroundImage?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... */ - alpha?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" */ - 'background-color'?: string; - backgroundColor?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the line width of the object. 1 | 3 | '6px' | ... + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'border-width'?: any + borderWidth?: any /** - * Sets the visibility of the object. true | false + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }>; - }; - item?: { + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - alpha?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the angle of the object. -45 | 30 | 120 | ... + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... */ - angle?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" */ - 'background-color'?: string; - backgroundColor?: string; + 'fill-type'?: string; + fillType?: string; /** - * Sets the border 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)' | ... + * Sets the text's font size of the marker. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'font-size'?: any; + fontSize?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * 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" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * 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" | ... */ - 'border-width'?: any - borderWidth?: any + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... */ - 'font-color'?: string; - fontColor?: string; + map?: string; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'font-size'?: number; - fontSize?: number; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the font style of the object. 'italic' | 'normal' + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'font-style'?: string; - fontStyle?: string; + shadow?: boolean; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Sets 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 | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the padding of the object 3 | '5px' | '10px' | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - padding?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; }; - 'ref-line'?: refLine; - refLine?: refLine; - tick?: { + preview?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object. 4 | '6px' | ... + * Sets the line width of the object. 2 | 4 | "6px" | ... */ 'line-width'?: any; lineWidth?: any; /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - placement?: string; + visible?: boolean; /** - * Sets the size of the object. 4 | '6px' | ... + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" */ - size?: number; + type?: string; + }; + rules?: Array<{ /** - * Sets the visibility of the object. true | false + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - visible?: boolean; - }; + rule?: string; + }>; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + text?: string; tooltip?: tooltip; + 'trend-down'?: trendDown; + trendDown?: trendDown; + 'trend-equal'?: trendEqual; + trendEqual?: trendEqual; + 'trend-up'?: trendUp; + trendUp?: trendUp; + 'value-box'?: valueBox; + valueBox?: valueBox; + values?: any; } - interface scaleX { + interface scaleK { /** - * true | false | 1 | 0 + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' */ - 'auto-fit'?: boolean; - autoFit?: boolean; - itemsOverlap?: boolean; + aspect?: string; /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the value of each step along an axis. - */ - step?: any; - /** - * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, - * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. - * Default Value: null + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + format?: string; /** - * Sets the size of the object/shape. 4 | '6px' | ... + * Allows you to set custom labels for each step along scale-k. [...] */ - size?: any; + labels?: any; /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... */ values?: any; /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 + * Used to hide the k-axis. true | false */ visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; guide?: { /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'line-color'?: string; lineColor?: string; /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * Sets the line width of the object. 1 | 3 | '6px' | ... */ 'line-width'?: any; lineWidth?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ visible?: boolean; items?: Array<{ @@ -7461,7471 +7033,2033 @@ declare namespace zingchart { /** * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'border-width'?: any + 'border-width'?: any; + borderWidth?: any; }>; }; item?: { /** - * 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 comp - * letely opaque. 0....1 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the angle of the object. -45 | 30 | 120 | ... */ - angle?: number; + angle?: number /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'font-angle'?: number; - fontAngle?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'font-size'?: any; - fontSize?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the font style of the object. 'italic' | 'normal' */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the font weight of the object. 'bold' | 'normal' */ 'font-weight'?: string; fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... + * Sets the padding of the object 3 | '5px' | '10px' | ... */ - 'max-chars'?: number; - maxChars?: number; + padding?: any; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'max-width'?: any; - maxWidth?: any; + 'text-alpha'?: number; + textAlpha?: number; + }; + tick?: { /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'offset-x'?: any; - offsetX?: any; + alpha?: number; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'offset-y'?: any; - offsetY?: any; + 'line-color'?: string; + lineColor?: string; /** - * 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" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - padding?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the line width of the object. 4 | '6px' | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the placement of the object. 'outer' | 'inner' | 'cross' */ - 'padding-left'?: any; - paddingLeft?: any; + placement?: string; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the size of the object. 4 | '6px' | ... */ - 'padding-right'?: any; - paddingRight?: any; + size?: number; /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false */ visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; }; - items?: Array<{ - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }>; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - labels?: any; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - }; - } - interface scaleY { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - itemsOverlap?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - sizeFactor?: string; - /** - * Sets the value of each step along an axis. - */ - step?: any; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - 'ref-line'?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - } - interface scrollXSCrollY { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - } - interface selectedMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface selectedState { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - } - interface tooltipRules extends tooltip { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - interface tooltip { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. - */ - 'html-mode'?: boolean; - htmlMode?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: any; - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: tooltipRules[]; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - } - interface trendDown { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendEqual { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendUp { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface valueBoxRules extends valueBox { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - interface valueBox { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - rules?: valueBoxRules[]; - } - - interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; - } - interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: Array<{ - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }>; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: tooltip; - }; - images?: Array<{ - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - labels?: label[]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - dragHandler?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - highlightPlot?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - paddingRight?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - }; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - showMarker?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; + tooltip?: tooltip; + } + interface scaleLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - type?: string; + alpha?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - alpha?: number; + angle?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - cursor?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'font-color'?: string; + fontColor?: string; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'font-size'?: number; + fontSize?: number; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the font style of the object. 'italic' | 'normal' */ - 'fill-type'?: string; - fillType?: string; + 'font-style'?: string; + fontStyle?: 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" | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'gradient-colors'?: string; - gradientColors?: string; + 'font-weight'?: string; + fontWeight?: 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" | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'gradient-stops'?: string; - gradientStops?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'line-color'?: string; - lineColor?: string; + offsetR?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + padding?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + * Sets the width of the object. 50 | '200px' | ... */ - 'line-width'?: any; - lineWidth?: any; + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: Array<{ /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the border 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)' | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-width'?: any + borderWidth?: any /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'shadow-color'?: string; - shadowColor?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + size?: number; + }>; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: Array<{ /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - size?: any; + alpha?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - visible?: boolean; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - }; - 'page-off'?: pageOff; - pageOff?: pageOff; - 'page-on'?: pageOn; - pageOn?: pageOn; - 'page-status'?: pageStatus; - pageStatus?: pageStatus; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: tooltip; + 'background-color'?: string; + }>; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + itemsOverlap?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the value of each step along an axis. + */ + step?: any; + /** + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + }>; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; }; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - 'media-rules'?: Array<{ + items?: Array<{ + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'max-height'?: number; - maxHeight?: number; + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 + * 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 | ... */ - 'max-width'?: number; - maxWidth?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'min-height'?: number; - minHeight?: number; + 'border-right'?: string; + borderRight?: string; /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'min-width'?: number; - minWidth?: number; + 'border-top'?: string; + borderTop?: string; /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - visible?: boolean; - }>; - 'no-data'?: noData; - noData?: noData; - options?: { + 'border-width'?: any + borderWidth?: any /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - aspect?: string; + callout?: boolean; /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - ignore?: any; + 'callout-extension'?: any; + calloutExtension?: any; /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - color?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" + * 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] | ... */ - 'color-type'?: string; - colorType?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * To set the maximum font size. 20 | "30px" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'max-font-size'?: any; - maxFontSize?: any; + 'callout-offset'?: any; + calloutOffset?: any; /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'max-items'?: any; - maxItems?: any; + 'callout-position'?: string; + calloutPosition?: string; /** - * To set the minimum font size. 10 | "12px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'min-font-size'?: any; - minFontSize?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + * true | false | 1 | 0 */ - palette?: any; + 'clip-text'?: boolean; + clipText?: boolean; /** - * To set whether every one or two words rotates 90 degrees. true | false (default) + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ - rotate?: boolean; + color?: string; /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'step-angle'?: any; - stepAngle?: any; + 'fill-angle'?: number; + fillAngle?: number; /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'step-radius'?: any; - stepRadius?: any; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - text?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: contextMenu; - contextMenu?: contextMenu; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - link?: link; - 'link[sibling]'?: link; - [key: `link[cls-${string}`]: link; - [key: `link[container-${string}`]: link; - [key: `link[group-${string}`]: link; - [key: `link[level-${string}`]: link; - [key: `link[parent-${string}`]: link; - [key: `link[source-${string}`]: link; - [key: `link[target-${string}`]: link; - links?: link; - 'max-iterations'?: any; + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; /** - * @description Sets the maximum level the items have to be on so that they will be processed. + * Sets the text's font size. 4 | "6px" | ... */ - maxLevel?: any; + 'font-size'?: any; + fontSize?: any; /** - * @description Sets the maximum level the items have to be on so that they will be processed. + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ - 'max-level'?: any; + 'font-style'?: string; + fontStyle?: string; /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ - maxLinkWidth?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). + * 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" | ... */ - 'max-link-width'?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * @description Sets the maximum size for the tree nodes. + * 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" | ... */ - maxSize?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * @description Sets the maximum size for the tree nodes. + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'max-size'?: any; + height?: any; /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - maxValue?: any; + italic?: boolean; /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'max-value'?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * @description When set, filter out words shorter than minLength from the wordcloud + * 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 "..." 5 | 10 | ... */ - minLength?: any; + 'max-chars'?: number; + maxChars?: number; /** - * @description When set, filter out words shorter than minLength from the wordcloud + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'min-length'?: any; + 'max-width'?: any; + maxWidth?: any; /** - * @description Sets the minimum level the items have to be on so that they will be processed. + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - minLevel?: any; + 'offset-x'?: any; + offsetX?: any; /** - * @description Sets the minimum level the items have to be on so that they will be processed. + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'min-level'?: any; + 'offset-y'?: any; + offsetY?: any; /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + * 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" | ... */ - minLinkWidth?: any; + padding?: any; /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'min-link-width'?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. + * Sets the object's left padding around the text. 4 | "6px" | ... */ - minSize?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. + * Sets the object's right padding around the text. 4 | "6px" | ... */ - 'min-size'?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + * Sets the object's top padding around the text. 4 | "6px" | ... */ - minValue?: any; + 'padding-top'?: any; + paddingTop?: any; /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'min-value'?: any; - node?: node; - 'node[collapsed]'?: node; - 'node[leaf]'?: node; - 'node[parent]'?: node; - [key: `node[cls-${string}`]: node; - [key: `node[container-${string}`]: node; - [key: `node[group-${string}`]: node; - [key: `node[level-${string}`]: node; - [key: `node[parent-${string}`]: node; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - 'hover-state'?: hoverState; - hoverState?: hoverState; - tooltip?: tooltip; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: Array<{ - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }>; - }; - plot?: plot; - plotarea?: { + rtl?: boolean; /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 + * Sets the text content of the object. "Some Text" | ... */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }>; + label?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... */ - alpha?: number; + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; @@ -14955,6 +9089,11 @@ declare namespace zingchart { */ 'background-repeat'?: string; backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; /** * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ @@ -15017,44 +9156,287 @@ declare namespace zingchart { /** * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: Array<{ + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * 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)" | ... */ - callout?: boolean; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'callout-extension'?: any; - calloutExtension?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * 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] | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'callout-offset'?: any; - calloutOffset?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * 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)" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'callout-width'?: any; - calloutWidth?: any; + 'border-width'?: any + borderWidth?: any /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -15088,81 +9470,43 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'margin-right'?: any; - marginRight?: any; + 'label-alignment'?: string; + labelAlignment?: string; /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" */ - 'margin-top'?: any; - marginTop?: any; + 'label-placement'?: string; + labelPlacement?: string; /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'margin-bottom-offset'?: any; - marginBottomOffset?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'margin-left-offset'?: any; - marginLeftOffset?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'margin-right-offset'?: any; - marginRightOffset?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'margin-top-offset'?: any; - marginTopOffset?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'mask-tolerance'?: number; - maskTolerance?: number; + 'line-width'?: any; + lineWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -15174,9 +9518,19 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom */ - position?: string; + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -15209,196 +9563,276 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" */ - visible?: boolean; + type?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 */ - width?: any; + 'value-range'?: boolean; + valueRange?: boolean; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - x?: any; + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: Array<{ /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ - y?: any; + rule?: string; + }>; + tick?: { /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { + alpha?: number; /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - alpha?: number; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'border-color'?: string; - borderColor?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'line-width'?: any; + lineWidth?: any; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Determines the placement of tick marks along an axis line. inner | cross | outer */ - height?: any; + placement?: string; /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - live?: boolean; + shadow?: boolean; /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... */ - margin?: any; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the minimum width of preview's active area. 5 | 10 | ... + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - 'min-distance'?: number; - minDistance?: number; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - position?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - visible?: boolean; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - width?: any; + size?: any; /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - x?: any; + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - handle?: { + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - 'border-top'?: any; - borderTop?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ - 'border-width'?: any - borderWidth?: any + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ - height?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - width?: any; + visible?: boolean; }; - label?: { + item?: { /** * 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 comp - * letely 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 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** * 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; @@ -15429,8 +9863,7 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * 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 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -15534,34 +9967,32 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * Cuts off extra text. Use with width. true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * 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)" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ color?: string; /** - * 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 - * | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; @@ -15572,28 +10003,28 @@ declare namespace zingchart { 'font-angle'?: number; fontAngle?: number; /** - * 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)" | ... + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Sets the text's font weight. Similar to bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -15610,23 +10041,33 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * 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%" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ height?: any; /** - * 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 + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ italic?: boolean; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; /** * 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 | ... + * the text is cut and appended with "..." 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; @@ -15676,6 +10117,37 @@ declare namespace zingchart { * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ @@ -15692,16 +10164,24 @@ declare namespace zingchart { 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** @@ -15714,113 +10194,281 @@ declare namespace zingchart { 'wrap-text'?: boolean; wrapText?: boolean; }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - [key: `scale-x-${number}`]: scaleX; - [key: `scaleX${number}`]: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - [key: `scale-y-${number}`]: scaleY; - [key: `scaleY${number}`]: scaleY; - scale?: { /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: scrollXSCrollY; - scrollXScrollY?: scrollXSCrollY; - selectionTool?: { - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - }; + type?: string; }; - series?: series[]; - shapes?: Array<{ - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; + } + interface scaleY { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + itemsOverlap?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + sizeFactor?: string; + /** + * Sets the value of each step along an axis. + */ + step?: any; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; @@ -15831,197 +10479,85 @@ declare namespace zingchart { 'background-color-1'?: string; backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * 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)" | ... */ - item?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ 'line-color'?: string; lineColor?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... */ 'line-gap-size'?: any; lineGapSize?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... */ 'line-segment-size'?: any; lineSegmentSize?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" */ 'line-style'?: string; lineStyle?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ 'line-width'?: any; lineWidth?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - source?: { + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + }>; + }; + item?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + * letely opaque. 0....1 */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -16031,14 +10567,14 @@ declare namespace zingchart { 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a two-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-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-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-color-2'?: string; backgroundColor2?: string; @@ -16063,7 +10599,7 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * For source, bold is the default. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ bold?: boolean; /** @@ -16072,7 +10608,8 @@ declare namespace zingchart { 'border-bottom'?: string; borderBottom?: string; /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; @@ -16082,7 +10619,10 @@ declare namespace zingchart { 'border-left'?: string; borderLeft?: string; /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; @@ -16127,7 +10667,7 @@ declare namespace zingchart { 'border-width'?: any borderWidth?: any /** - * Requires border-width. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** @@ -16163,7 +10703,7 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Truncates text based on the setting of width. true | false | 1 | 0 + * true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; @@ -16178,12 +10718,12 @@ declare namespace zingchart { 'fill-angle'?: number; fillAngle?: number; /** - * Works with fill-angle to position gradient. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Works with fill-angle to position gradient. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; @@ -16245,37 +10785,10 @@ declare namespace zingchart { */ italic?: boolean; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 */ - 'margin-top'?: any; - marginTop?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** * 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 "..." 5 | 10 | ... @@ -16324,46 +10837,10 @@ declare namespace zingchart { */ 'padding-top'?: any; paddingTop?: any; - /** - * Sets 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" - */ - position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; /** * Sets the text content of the object. "Some Text" | ... */ @@ -16390,58 +10867,48 @@ declare namespace zingchart { * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - y?: any; + width?: any; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'z-index'?: number; - zIndex?: number; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - subtitle?: { + label?: { /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + * 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 comp + * letely 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 | ... */ alpha?: number; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -16466,160 +10933,171 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + * 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 */ bold?: boolean; /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * 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-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any borderWidth?: any /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + * 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-hook'?: any; calloutHook?: any; /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. true | false | 1 | 0 + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * 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)" | ... */ color?: string; /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + * 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-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the fill type. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + * 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-angle'?: number; fontAngle?: number; /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... + * 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-color'?: string; fontColor?: string; /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the subtitle text. 4 | "6px" | ... + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -16636,48 +11114,23 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * 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%" | ... */ height?: any; /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + * 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 */ italic?: boolean; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - 'margin-top'?: any; - marginTop?: any; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * 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-chars'?: number; maxChars?: number; @@ -16698,155 +11151,100 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * 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?: any; /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + * Sets the object's right padding around the text. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + * Sets the object's top padding around the text. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + * Sets the text content of the object. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ width?: any; /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - /** - * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. - * Default Value: 0 - */ - 'time-zone'?: number; - timeZone?: number; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; + }; + markers?: Array<{ /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -16871,840 +11269,6392 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + * 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)" | ... */ - bold?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'border-bottom'?: string; - borderBottom?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - 'border-color'?: string; - borderColor?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'border-left'?: string; - borderLeft?: string; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * 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" | ... */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * 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" | ... */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'label-alignment'?: string; + labelAlignment?: string; /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" */ - 'border-right'?: string; - borderRight?: string; + 'label-placement'?: string; + labelPlacement?: string; /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-top'?: string; - borderTop?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - callout?: boolean; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'callout-extension'?: any; - calloutExtension?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'callout-height'?: any; - calloutHeight?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom */ - 'callout-position'?: string; - calloutPosition?: string; + placement?: string; /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... */ - 'callout-width'?: any; - calloutWidth?: any; + range?: any; /** - * true | false | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'clip-text'?: boolean; - clipText?: boolean; + shadow?: boolean; /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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 | ... */ - color?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'fill-type'?: string; - fillType?: string; + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: Array<{ /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... */ - 'font-angle'?: number; - fontAngle?: number; + rule?: string; + }>; + tick?: { /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... */ - 'font-color'?: string; - fontColor?: string; + alpha?: number; /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's font size of the title. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'font-style'?: string; - fontStyle?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'font-weight'?: string; - fontWeight?: string; + 'line-style'?: string; + lineStyle?: 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" | ... + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'line-width'?: any; + lineWidth?: any; /** - * 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" | ... + * Determines the placement of tick marks along an axis line. inner | cross | outer */ - 'gradient-stops'?: string; - gradientStops?: string; + placement?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - height?: any; + shadow?: boolean; /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... */ - italic?: boolean; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... */ - item?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - map?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - margin?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'margin-left'?: any; - marginLeft?: any; + size?: any; /** - * Sets the object's right margin. 4 | "6px" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'margin-right'?: any; - marginRight?: any; + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { /** - * Sets the object's top margin. 4 | "6px" | ... + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. */ - 'margin-top'?: any; - marginTop?: any; + all?: string; /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... */ - 'max-chars'?: number; - maxChars?: number; + text?: string; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' */ - 'max-width'?: any; - maxWidth?: any; + type?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 */ - 'offset-x'?: any; - offsetX?: any; + uniform?: boolean; + }; + } + interface scrollXSCrollY { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + bar?: { /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'offset-y'?: any; - offsetY?: any; + alpha?: number; /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - padding?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-left'?: any; - paddingLeft?: any; + height?: any; /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'padding-right'?: any; - paddingRight?: any; + width?: any; + }; + handle?: { /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'padding-top'?: any; - paddingTop?: any; + alpha?: number; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - position?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... */ - rtl?: boolean; + 'border-bottom'?: any; + borderBottom?: any; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... */ - shadow?: boolean; + 'border-left'?: any; + borderLeft?: any; /** - * Sets 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 | ... + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-right'?: any; + borderRight?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-top'?: any; + borderTop?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + height?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + width?: any; + }; + } + interface selectedMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface selectedState { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface theme { + palette?: { + area?: string[][]; + gauge?: string[][]; + line?: string[][]; + pie?: string[][]; + vbar?: string[][]; + }; + graph?: graphset; + } + interface tooltip { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. + */ + 'html-mode'?: boolean; + htmlMode?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: any; + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + rules?: tooltipRules[]; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + } + interface tooltipRules extends tooltip { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface trendDown { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface trendEqual { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface trendUp { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface valueBox { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { /** - * Sets the text content of the title. "Some Text" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - text?: string; + alpha?: number; /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'text-align'?: string; - textAlign?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'text-alpha'?: number; - textAlpha?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + * Sets the line width of the object. 4 | "6px" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-width'?: any; + lineWidth?: any; + }; + joined?: { /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - underline?: boolean; + alpha?: number; /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - visible?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - width?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; + 'border-width'?: any + borderWidth?: any /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - x?: any; + 'font-color'?: string; + fontColor?: string; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - y?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'z-index'?: number; - zIndex?: number; - }; - tooltip?: tooltip; - /** - * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. - */ - utc?: boolean; - values?: any; - widget?: { + padding?: any; /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... */ - type?: string; + text?: string; }; - zoom?: { + shared?: { /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; + 'border-radius'?: any; + borderRadius?: any; /** - * To enabled shared zooming when there are mulitple charts in a graphset + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - shared?: boolean; - }; - /** - * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. - */ - zoomSnap?: boolean; - } - - interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - /** - * Sets the label of the custom menu item. - */ - text?: string; - /** - * Executes specified custom function for the custom menu item. - */ - 'custom-function'?: string; - customFunction?: string; - } - interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: contextMenuGui; - contextMenu?: contextMenuGui; - } - interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + rules?: valueBoxRules[]; + } + interface valueBoxRules extends valueBox { /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + rule?: string; + } + + interface globals { /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - 'border-bottom'?: string; - borderBottom?: string; + alpha?: number; /** - * 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)" | ... + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... */ - height?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the font size of the object. 12 | "20px" | ... */ - margin?: any; + 'font-size'?: any; + fontSize?: any; /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the font weight of the object. "normal" | "bold" */ - 'margin-bottom'?: any; - marginBottom?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the object's left margin. 4 | "6px" | ... + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's right margin. 4 | "6px" | ... + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" */ - 'margin-right'?: any; - marginRight?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's top margin. 4 | "6px" | ... + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... */ - 'margin-top'?: any; - marginTop?: any; + 'line-width'?: number; + } + interface gui { /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * To create custom context menu items */ - position?: string; + behaviors?: behavior[]; + 'context-menu'?: contextMenuGui; + contextMenu?: contextMenuGui; + } + interface graphset { /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + height?: number; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - visible?: boolean; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * The type of the chart "line" | "bar"... */ - width?: any; + type?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - x?: any; + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: Array<{ + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }>; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: tooltip; + }; + images?: Array<{ + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + labels?: label[]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + dragHandler?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + highlightPlot?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + paddingRight?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + showMarker?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + }; + 'page-off'?: pageOff; + pageOff?: pageOff; + 'page-on'?: pageOn; + pageOn?: pageOn; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: tooltip; + }; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... */ - y?: any; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { + 'max-trackers'?: number; + maxTrackers?: number; + 'media-rules'?: Array<{ + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }>; + 'no-data'?: noData; + noData?: noData; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + colorType?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + maxFontSize?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + maxItems?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + minFontSize?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + stepAngle?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + stepRadius?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: contextMenu; + contextMenu?: contextMenu; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + link?: link; + 'link[sibling]'?: link; + [key: `link[cls-${string}`]: link; + [key: `link[container-${string}`]: link; + [key: `link[group-${string}`]: link; + [key: `link[level-${string}`]: link; + [key: `link[parent-${string}`]: link; + [key: `link[source-${string}`]: link; + [key: `link[target-${string}`]: link; + links?: link; + 'max-iterations'?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + maxLevel?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + 'max-level'?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + maxLinkWidth?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + 'max-link-width'?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + maxSize?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + 'max-size'?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + maxValue?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + 'max-value'?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + minLength?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + 'min-length'?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + minLevel?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + 'min-level'?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + minLinkWidth?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + 'min-link-width'?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + minSize?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + 'min-size'?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + minValue?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + 'min-value'?: any; + node?: node; + 'node[collapsed]'?: node; + 'node[leaf]'?: node; + 'node[parent]'?: node; + [key: `node[cls-${string}`]: node; + [key: `node[container-${string}`]: node; + [key: `node[group-${string}`]: node; + [key: `node[level-${string}`]: node; + [key: `node[parent-${string}`]: node; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + 'hover-state'?: hoverState; + hoverState?: hoverState; + tooltip?: tooltip; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: Array<{ + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }>; + }; + plot?: plot; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + marginLeftOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + marginRightOffset?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + marginTopOffset?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + maskTolerance?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + [key: `scale-x-${number}`]: scaleX; + [key: `scaleX${number}`]: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + [key: `scale-y-${number}`]: scaleY; + [key: `scaleY${number}`]: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: scrollXSCrollY; + scrollXScrollY?: scrollXSCrollY; + selectionTool?: { + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + }; + }; + series?: series[]; + shapes?: Array<{ + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets 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)" | ... + * Sets the object's left margin. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * 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)" | ... + * Sets the object's left margin. 4 | "6px" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the object's margin from the top of the chart. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'margin-top'?: any; + marginTop?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'offset-x'?: any; + offsetX?: any; /** - * 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)" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'border-width'?: any - borderWidth?: any + padding?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'padding-right'?: any; + paddingRight?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... */ - 'fill-type'?: string; - fillType?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * 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" | ... + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - 'gradient-colors'?: string; - gradientColors?: string; + position?: 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" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'gradient-stops'?: string; - gradientStops?: string; + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -17736,68 +17686,93 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; }; - } - interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - resetTimeout?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. + * Default Value: 0 */ - 'adjust-scale'?: boolean; - adjustScale?: boolean; - curtain?: { + 'time-zone'?: number; + timeZone?: number; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; @@ -17822,112 +17797,109 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 */ - bold?: string; + bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: 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)" | ... + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * 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 | ... + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... */ 'border-width'?: any borderWidth?: any /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets if the object will have a callout arrow. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... */ 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** - * 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] | ... + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** @@ -17951,34 +17923,33 @@ declare namespace zingchart { 'fill-type'?: string; fillType?: string; /** - * 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 | ... + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size. 4 | "6px" | ... + * Sets the text's font size of the title. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; @@ -17995,12 +17966,48 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 */ italic?: boolean; /** - * 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 "..." 5 | 10 | ... + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; @@ -18021,31 +18028,35 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * 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" | ... + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ padding?: any; /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Sets the object's top padding around the text of the title. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ @@ -18082,34 +18093,30 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... + * Sets the text content of the title. "Some Text" | ... */ text?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" */ 'text-align'?: string; textAlign?: string; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * Sets the text's transparency of the title. 0.3 | 0.9 | ... */ 'text-alpha'?: number; textAlpha?: number; /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" */ 'text-decoration'?: string; textDecoration?: string; /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 */ underline?: boolean; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" */ 'vertical-align'?: string; verticalAlign?: string; @@ -18117,41 +18124,179 @@ declare namespace zingchart { * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; /** * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ 'wrap-text'?: boolean; wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + tooltip?: tooltip; + /** + * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. + */ + utc?: boolean; + values?: any; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean; }; + /** + * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. + */ + zoomSnap?: boolean; } - interface series { + interface behavior { /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + * To enable or disable individual context menu item behaviors. "all" | "none" */ - alpha?: number; + enabled?: string; /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; + /** + * Sets the label of the custom menu item. + */ + text?: string; + /** + * Executes specified custom function for the custom menu item. + */ + 'custom-function'?: string; + customFunction?: string; + } + interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - aspect?: string; + alpha?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -18166,7 +18311,7 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; @@ -18176,42 +18321,21 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: any; - barWidth?: any; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'bars-space-right'?: number; - barsSpaceRight?: number; + 'border-bottom'?: string; + borderBottom?: 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)" | ... + * 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-color'?: string; borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -18245,296 +18369,121 @@ declare namespace zingchart { 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - dataDragging?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * Sets the ID of the object. "myid" | "f1" | ... - */ - id?: string; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'border-right'?: string; + borderRight?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'max-nodes'?: number; - maxNodes?: number; + callout?: boolean; /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'max-ratio'?: number; - maxRatio?: number; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'max-size'?: number; - maxSize?: number; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... + * 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] | ... */ - 'max-trackers'?: number; - maxTrackers?: number; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'mid-point'?: boolean; - midPoint?: boolean; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'min-ratio'?: number; - minRatio?: number; + 'callout-position'?: string; + calloutPosition?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'min-size'?: number; - minSize?: number; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - monotone?: boolean; + 'fill-angle'?: number; + fillAngle?: number; /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - multiplier?: boolean; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - negation?: string; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - 'offset-x'?: any; - offsetX?: any; + 'fill-type'?: string; + fillType?: string; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * 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" | ... */ - 'offset-y'?: any; - offsetY?: any; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + * 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" | ... */ - 'preview-state'?: any; - previewState?: any; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'ref-angle'?: number; - refAngle?: number; + height?: any; /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - reference?: string; + margin?: any; /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . + * Sets the object's bottom margin. 4 | "6px" | ... */ - 'sampling-step'?: number; - samplingStep?: number; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + * Sets the object's left margin. 4 | "6px" | ... */ - scales?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" + * Sets the object's right margin. 4 | "6px" | ... */ - scaling?: string; + 'margin-right'?: any; + marginRight?: any; /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... + * Sets the object's top margin. 4 | "6px" | ... */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; + 'margin-top'?: any; + marginTop?: any; /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18567,327 +18516,389 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'step-start'?: string; - stepStart?: string; + visible?: boolean; /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - target?: string; + width?: any; /** - * Sets the thickness of pie3d charts. 5 | 10 | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - thickness?: number; + x?: any; /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + y?: any; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + } + interface refresh { /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... + * Sets the type of data refresh, full being the only option at loader's level. "full" */ - 'tooltip-text'?: string; - tooltipText?: string; + type?: string; /** - * Sets the type of the object/shape. - * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', - * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] - * Default Value: 'poly' + * Defines the specific type of feed. http | js | websockets */ - type?: string; + transport?: string; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 */ url?: string; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... */ - visible?: boolean; + interval?: number; /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... */ - 'z-end'?: number; - zEnd?: number; + 'max-ticks'?: number; + maxTicks?: number; /** - * Sets the z-index of the series object + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... */ - 'z-index'?: number; - zIndex?: number; + 'reset-timeout'?: number; + resetTimeout?: number; /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true */ - 'z-start'?: number; - zStart?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - onChange?: boolean; + 'adjust-scale'?: boolean; + adjustScale?: boolean; + curtain?: { /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'on-legend-toggle'?: boolean; - onLegendToggle?: boolean; + alpha?: number; /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ - sequence?: number; + angle?: number; /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { + 'background-color'?: string; + backgroundColor?: string; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets 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)" | ... */ - alpha?: number; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'line-color'?: string; - lineColor?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'line-width'?: any; - lineWidth?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 */ - size?: any; - }; - errors?: Array<{}>; - goal?: { + bold?: string; /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - alpha?: number; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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)" | ... */ - 'background-color'?: any; - backgroundColor?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-color'?: any; - borderColor?: any; + 'border-left'?: string; + borderLeft?: string; /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** - * Sets the border width of the object. 4 | "6px" | ... + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'border-width'?: any - borderWidth?: any + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; /** - * Sets the height of the object. 10 | "20px" + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - height?: number; + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ - 'line-style'?: string; - lineStyle?: string; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... + * 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 | ... */ - alpha?: number; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - angle?: number; + 'border-right'?: string; + borderRight?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-color-2'?: string; - backgroundColor2?: string; + callout?: boolean; /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-image'?: string; - backgroundImage?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... + * 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] | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'border-color'?: string; - borderColor?: string; + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. - * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'callout-width'?: any; + calloutWidth?: any; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ - 'border-width'?: any - borderWidth?: any + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the text's font size of the marker. 4 | "6px" | ... + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -18901,9 +18912,21 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 */ - map?: string; + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -18914,6 +18937,36 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -18946,105 +18999,47 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the text content of the object. "Some Text" | ... */ - alpha?: number; + text?: string; /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'alpha-area'?: number; - alphaArea?: number; + 'text-align'?: string; + textAlign?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" */ - 'line-color'?: string; - lineColor?: string; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + underline?: boolean; /** - * Sets the line width of the object. 2 | 4 | "6px" | ... + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " */ - 'line-width'?: any; - lineWidth?: any; + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - type?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; }; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - text?: string; - tooltip?: tooltip; - 'trend-down'?: trendDown; - trendDown?: trendDown; - 'trend-equal'?: trendEqual; - trendEqual?: trendEqual; - 'trend-up'?: trendUp; - trendUp?: trendUp; - 'value-box'?: valueBox; - valueBox?: valueBox; - values?: any; } } From 6b94dad3f480199bfcb3750111c3e1ecc7d303c2 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Fri, 30 Sep 2022 13:53:15 -0700 Subject: [PATCH 65/86] Fix typings of FONTFAMILY and FONTSIZE --- types/zingchart/es6/index.d.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index cb49fb07a5baea..d9458c4848e163 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -8,8 +8,8 @@ declare namespace zingchart { let LICENSE: string[]; let LICENSEKEY: string[]; let ASYNC: boolean; - let FONTFAMILY: string[]; - let FONTSIZE: string[]; + let FONTFAMILY: string; + let FONTSIZE: number; let MODULESDIR: string[]; let ZCOUTPUT: boolean; let SYNTAX: string; From 96736e08008cfa7c21c553a1a3a8b4f32508a538 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 4 Oct 2022 12:23:24 -0700 Subject: [PATCH 66/86] Fix typo in scrollXScrollY and update tests --- types/zingchart/es6/index.d.ts | 6 +++--- types/zingchart/index.d.ts | 2 +- types/zingchart/zingchart-tests.ts | 6 ++++++ 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index d9458c4848e163..f0d6f9baa54462 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -11626,7 +11626,7 @@ declare namespace zingchart { uniform?: boolean; }; } - interface scrollXSCrollY { + interface scrollXScrollY { /** * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... */ @@ -16676,8 +16676,8 @@ declare namespace zingchart { 'size-factor'?: number; sizeFactor?: number; }; - 'scroll-x-scroll-y'?: scrollXSCrollY; - scrollXScrollY?: scrollXSCrollY; + 'scroll-x-scroll-y'?: scrollXScrollY; + scrollXScrollY?: scrollXScrollY; selectionTool?: { mask?: { /** diff --git a/types/zingchart/index.d.ts b/types/zingchart/index.d.ts index 7a0361dbac41af..0dd37905c11aec 100644 --- a/types/zingchart/index.d.ts +++ b/types/zingchart/index.d.ts @@ -2,7 +2,7 @@ // Project: https://github.com/zingchart // Definitions by: Jeanette Phung // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped -// TypeScript Version: 4.9 +// TypeScript Version: 4.7 // Minimum TypeScript Version: 4.4 import { zingchart } from './es6'; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 60b999f1089b26..0208b14ec04ee1 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -4,6 +4,7 @@ import { zingchart as zc } from 'zingchart/es6/index'; zingchart.ASYNC = true; zingchart.DEV.CANVASVERSION = 2; +zingchart.FONTSIZE = 14; ZC.VERSION = '2.9.4'; const chartConfig: zc.graphset[] = [ @@ -97,6 +98,11 @@ const chartConfig: zc.graphset[] = [ }], }, }, + scrollXScrollY: { + bar: { + alpha: 0.5, + } + }, values: [1, 2, 3], zoom: { shared: true, From dd2448820d09c165b889e8dc4cfc7b5ef2ee9e3d Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Tue, 25 Oct 2022 22:58:24 +0300 Subject: [PATCH 67/86] add stacked attribute to graphset --- types/zingchart/es6/index.d.ts | 35827 ++++++++++++++++--------------- 1 file changed, 17918 insertions(+), 17909 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index f0d6f9baa54462..cbb82cc3df1484 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,9821 +1,10820 @@ declare namespace zingchart { - function render(config: object): null; - function bind(id: string, eventName: string, cb?: any): void; - function exec(id: string, call: string, params?: any): any; - function unbind(id: string, event: string, fn?: any): void; + function render(config: object): null; + function bind(id: string, eventName: string, cb?: any): void; + function exec(id: string, call: string, params?: any): any; + function unbind(id: string, event: string, fn?: any): void; - let BUILDCODE: string[]; - let LICENSE: string[]; - let LICENSEKEY: string[]; - let ASYNC: boolean; - let FONTFAMILY: string; - let FONTSIZE: number; - let MODULESDIR: string[]; - let ZCOUTPUT: boolean; - let SYNTAX: string; - let EXPORTURL: string; - let AJAXEXPORT: boolean; - let DEV: { - CANVASVERSION?: number; - CACHECANVASTEXT?: boolean; - CACHESELECTION?: boolean; - CHECKDECIMALS?: boolean; - COPYDATA?: boolean; - KEEPSOURCE?: boolean; - MEDIARULES?: boolean; - PLOTSTATS?: boolean; - SKIPTRACKERS?: boolean; - SKIPPROGRESS?: boolean; - SORTTOKENS?: boolean; - RESOURCES?: boolean; - }; - - interface backgroundMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface backgroundState { - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - } - interface calloutTip { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - } - interface contextMenu { - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: Array<{ - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - fontColor?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - }>; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - } - interface contextMenuGui { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the width of the object's border. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'custom-items'?: Array<{ - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - }>; - gear?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... - */ - type?: string; - /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - item?: { - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} - */ - 'hover-state'?: any; - hoverState?: any; - }; - } - interface crosshairX { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - } - interface crosshairY { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - } - interface data { - globals?: globals; - graphset?: graphset[]; - gui?: gui; - history?: history; - refresh?: refresh; - } - interface guideLabel { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface highlightMarker { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - } - interface highlightState { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - } - interface hoverMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface hoverState { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface itemOff { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - } - interface label { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: calloutTip; - calloutTip?: calloutTip; - } - interface legendItem { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface legendMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface link { - /** - * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. - */ - alpha?: any; - /** - * @description Sets the transparency level of area in chart. 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. - */ - alphaArea?: any; - /** - * @description Sets the transparency level of area in chart. 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. - */ - 'alpha-area'?: any; - /** - * @description Sets the rotation angle of the object. - */ - angle?: any; - /** - * @description Sets the end angle of a pie shape. - */ - angleEnd?: any; - /** - * @description Sets the end angle of a pie shape. - */ - 'angle-end'?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - angleStart?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - 'angle-start'?: any; - /** - * @description Sets the aspect of the chart. - */ - aspect?: string; - /** - * @description Clips the background image to the margins of the shape/box. - */ - backgroundClip?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - 'background-clip'?: any; - /** - * @description 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)") - */ - backgroundColor?: string; - /** - * @description 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)") - */ - 'background-color'?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - backgroundColor1?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - 'background-color-1'?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - backgroundColor2?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - 'background-color-2'?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - backgroundFit?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - 'background-fit'?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - backgroundImage?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - 'background-image'?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - backgroundPosition?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - 'background-position'?: string; - /** - * @description Sets the repeating mode for the background image. - */ - backgroundRepeat?: any; - /** - * @description Sets the repeating mode for the background image. - */ - 'background-repeat'?: any; - /** - * @description Scales the background image using the specified ratio. - */ - backgroundScale?: any; - /** - * @description Scales the background image using the specified ratio. - */ - 'background-scale'?: any; - /** - * @description Sets the border width of the object. Can be a single value or a string of values, setting - * the values in the order "top right bottom left" - */ - border?: any; - /** - * @description Sets the transparency level of the border on 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. - */ - borderAlpha?: any; - /** - * @description Sets the transparency level of the border on 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. - */ - 'border-alpha'?: any; - /** - * @description Sets the border color of the object. - */ - borderColor?: string; - /** - * @description Sets the border color of the object. - */ - 'border-color'?: string; - /** - * @description 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. - */ - borderRadius?: any; - /** - * @description 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. - */ - 'border-radius'?: any; - /** - * @description Sets the border width of the object. - */ - borderWidth?: any; - /** - * @description Sets the border width of the object. - */ - 'border-width'?: any; - /** - * @description Sets a class value on the object. - */ - class?: string; - /** - * @description Sets the cursor shape when hovering over the object. - */ - cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; - /** - * @description Set true to enable optimization for large data set when connecting two points. - */ - fastVectorPath?: any; - /** - * @description Set true to enable optimization for large data set when connecting two points. - */ - 'fast-vector-path'?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - fillAngle?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - 'fill-angle'?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - fillOffsetX?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - 'fill-offset-x'?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - fillOffsetY?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - 'fill-offset-y'?: any; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - fillType?: string; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - 'fill-type'?: string; - /** - * @description Set to true disables the chart interactivity. - */ - flat?: any; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - gradientColors?: string; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - 'gradient-colors'?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - gradientStops?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - 'gradient-stops'?: string; - /** - * @description Specifies the group the object is placed in. - */ - group?: any; - /** - * @description Sets the object's height. - */ - height?: any; - /** - * @description Sets the id of the object. - */ - id?: string; - /** - * @description Sets the id or style of the item. - */ - item?: string; - /** - * @description Configures the object's label. - */ - label?: label; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - lineCap?: string; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - 'line-cap'?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - lineColor?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - 'line-color'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. - */ - lineGapSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. - */ - 'line-gap-size'?: any; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - lineJoin?: string; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - 'line-join'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. - */ - lineSegmentSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. - */ - 'line-segment-size'?: any; - /** - * @description Sets the line style of the object. - */ - lineStyle?: string; - /** - * @description Sets the line style of the object. - */ - 'line-style'?: string; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - lineWidth?: any; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - 'line-width'?: any; - /** - * @description Sets the map id of the map on which the object/shape is being added. - */ - map?: string; - /** - * @description Sets an R offset to apply when positioning the object. - */ - offsetR?: any; - /** - * @description Sets an R offset to apply when positioning the object. - */ - 'offset-r'?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - offsetX?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - 'offset-x'?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - offsetY?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - 'offset-y'?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - offsetZ?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - 'offset-z'?: any; - /** - * @description Sets the object's padding around the text. - */ - padding?: any; - /** - * @description Sets the coordinates of the object/shape points. - */ - points?: any[]; - /** - * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. - */ - shadow?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - shadowAlpha?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - 'shadow-alpha'?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - shadowAngle?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - 'shadow-angle'?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - shadowBlur?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - 'shadow-blur'?: any; - /** - * @description Sets the color of the shadow of the object. - */ - shadowColor?: string; - /** - * @description Sets the color of the shadow of the object. - */ - 'shadow-color'?: string; - /** - * @description Sets the distance between the shadow and the object. - */ - shadowDistance?: any; - /** - * @description Sets the distance between the shadow and the object. - */ - 'shadow-distance'?: any; - /** - * @description Sets the size of the object. - */ - size?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - size2?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - 'size-2'?: any; - /** - * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. - */ - slice?: any; - /** - * @description Sets the target of the object. - */ - target?: string; - /** - * @description Configures the tooltip element, which appears when hovering over an object. - */ - tooltip?: tooltip; - /** - * @description Sets the type of the object. - */ - type?: string; - /** - * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. - */ - url?: string; - /** - * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. - */ - visible?: any; - /** - * @description Sets the object's width. - */ - width?: any; - /** - * @description Sets the X position of the object. - */ - x?: any; - /** - * @description Sets the Y position of the object. - */ - y?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - zIndex?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - 'z-index'?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - zSort?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - 'z-sort'?: any; - } - interface minorGuide { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface minorTick { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - } - interface noData { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface node { - /** - * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. - */ - alpha?: any; - /** - * @description Sets the transparency level of area in chart. - */ - alphaArea?: any; - /** - * @description Sets the transparency level of area in chart. - */ - 'alpha-area'?: any; - /** - * @description Sets the rotation angle of the object. - */ - angle?: any; - /** - * @description Sets the end angle of a pie shape. - */ - angleEnd?: any; - /** - * @description Sets the end angle of a pie shape. - */ - 'angle-end'?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - angleStart?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - 'angle-start'?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - backgroundClip?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - 'background-clip'?: any; - /** - * @description Sets the background color of the object. - */ - backgroundColor?: string; - /** - * @description Sets the background color of the object. - */ - 'background-color'?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - backgroundColor1?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - 'background-color-1'?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - backgroundColor2?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - 'background-color-2'?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - backgroundFit?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - 'background-fit'?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - backgroundImage?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - 'background-image'?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - backgroundPosition?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - 'background-position'?: string; - /** - * @description Sets the repeating mode for the background image. - */ - backgroundRepeat?: any; - /** - * @description Sets the repeating mode for the background image. - */ - 'background-repeat'?: any; - /** - * @description Scales the background image using the specified ratio. - */ - backgroundScale?: any; - /** - * @description Scales the background image using the specified ratio. - */ - 'background-scale'?: any; - /** - * @description Sets the border width of the object. - */ - border?: any; - /** - * @description Sets the transparency level of the border on the object. - */ - borderAlpha?: any; - /** - * @description Sets the transparency level of the border on the object. - */ - 'border-alpha'?: any; - /** - * @description Sets the border color of the object. - */ - borderColor?: string; - /** - * @description Sets the border color of the object. - */ - 'border-color'?: string; - /** - * @description Sets the object's border radius for rounded corners. - */ - borderRadius?: any; - /** - * @description Sets the object's border radius for rounded corners. - */ - 'border-radius'?: any; - /** - * @description Sets the border width of the object. - */ - borderWidth?: any; - /** - * @description Sets the border width of the object. - */ - 'border-width'?: any; - /** - * @description Sets a class value on the object. - */ - class?: string; - /** - * @description Sets the cursor shape when hovering over the object. - */ - cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - fillAngle?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - 'fill-angle'?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - fillOffsetX?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - 'fill-offset-x'?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - fillOffsetY?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - 'fill-offset-y'?: any; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - fillType?: string; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - 'fill-type'?: string; - /** - * @description Set to true disables the chart interactivity. - */ - flat?: any; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - gradientColors?: string; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - 'gradient-colors'?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - gradientStops?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - 'gradient-stops'?: string; - /** - * @description Specifies the group the object is placed in. - */ - group?: any; - /** - * @description Sets the object's height. - */ - height?: any; - /** - * @description Sets the hover state styles of the object. - */ - hoverState?: hoverState; - /** - * @description Sets the hover state styles of the object. - */ - 'hover-state'?: hoverState; - /** - * @description Sets the id of the object. - */ - id?: string; - /** - * @description Sets the id or style of the item. - */ - item?: string; - /** - * @description Configures the object's label. - */ - label?: label; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - lineCap?: string; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - 'line-cap'?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - lineColor?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - 'line-color'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. - */ - lineGapSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. - */ - 'line-gap-size'?: any; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - lineJoin?: string; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - 'line-join'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. - */ - lineSegmentSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. - */ - 'line-segment-size'?: any; - /** - * @description Sets the line style of the object. - */ - lineStyle?: string; - /** - * @description Sets the line style of the object. - */ - 'line-style'?: string; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - lineWidth?: any; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - 'line-width'?: any; - /** - * @description Sets the map id of the map on which the object/shape is being added. - */ - map?: string; - /** - * @description Sets an R offset to apply when positioning the object. - */ - offsetR?: any; - /** - * @description Sets an R offset to apply when positioning the object. - */ - 'offset-r'?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - offsetX?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - 'offset-x'?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - offsetY?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - 'offset-y'?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - offsetZ?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - 'offset-z'?: any; - /** - * @description Sets the object's padding around the text. - */ - padding?: any; - /** - * @description Sets the coordinates of the object/shape points. - */ - points?: any[]; - /** - * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. - */ - shadow?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - shadowAlpha?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - 'shadow-alpha'?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - shadowAngle?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - 'shadow-angle'?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - shadowBlur?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - 'shadow-blur'?: any; - /** - * @description Sets the color of the shadow of the object. - */ - shadowColor?: string; - /** - * @description Sets the color of the shadow of the object. - */ - 'shadow-color'?: string; - /** - * @description Sets the distance between the shadow and the object. - */ - shadowDistance?: any; - /** - * @description Sets the distance between the shadow and the object. - */ - 'shadow-distance'?: any; - /** - * @description Sets the size of the object. - */ - size?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - size2?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - 'size-2'?: any; - /** - * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. - */ - slice?: any; - /** - * @description Sets the target of the object. - */ - target?: string; - /** - * @description Configures the tooltip element, which appears when hovering over an object. - */ - tooltip?: tooltip; - /** - * @description Sets the type of the object. - */ - type?: string; - /** - * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. - */ - url?: string; - /** - * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. - */ - visible?: any; - /** - * @description Sets the object's width. - */ - width?: any; - /** - * @description Sets the X position of the object. - */ - x?: any; - /** - * @description Sets the Y position of the object. - */ - y?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - zIndex?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - 'z-index'?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - zSort?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - 'z-sort'?: any; - } - interface pageOff { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface pageOn { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface pageStatus { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface plot { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - barMaxWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: any; - barWidth?: any; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Certain plot to add in selection tool. - */ - 'data-append-selection'?: boolean; - dataAppendSelection?: boolean; - /** - * Certain plot to ignore in selection tool. - */ - 'data-ignore-selection'?: boolean; - dataIgnoreSelection?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * Turns off click on slices - */ - detached?: boolean; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or - * "highlight-marker" object(s), which allow for custom styling. - * Default Value: false - */ - hightlight?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - maxNodes?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - maxRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - maxSize?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - midPoint?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - minRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - minSize?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - samplingStep?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; - /** - * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows - * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which - * allow you specify the styling attributes you want applied. - * Accepted Values: ['none', 'plot', 'graph', 'multiple'] - */ - 'selection-mode'?: string; - selectionMode?: string; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - smartSampling?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Hole size in middle of chart - */ - slice?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - stepStart?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - tooltipText?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - onLegendToggle?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: Array<{}>; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - highlight?: boolean; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: plotRules[]; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - tooltip?: tooltip; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - }; - 'value-box'?: valueBox; - valueBox?: valueBox; - } - interface plotRules extends plot { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - interface plotLabel { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface refLine { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - } - interface series { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: any; - barWidth?: any; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - dataDragging?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * Sets the ID of the object. "myid" | "f1" | ... - */ - id?: string; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - maxNodes?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - maxRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - maxSize?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - midPoint?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - minRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - minSize?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} - */ - 'preview-state'?: any; - previewState?: any; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - samplingStep?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - stepStart?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - tooltipText?: string; - /** - * Sets the type of the object/shape. - * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', - * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] - * Default Value: 'poly' - */ - type?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-index of the series object - */ - 'z-index'?: number; - zIndex?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - zStart?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - onChange?: boolean; - /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 - */ - 'on-legend-toggle'?: boolean; - onLegendToggle?: boolean; - /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... - */ - sequence?: number; - /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... - */ - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: Array<{}>; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. - * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the text's font size of the marker. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let ASYNC: boolean; + let FONTFAMILY: string[]; + let FONTSIZE: string[]; + let MODULESDIR: string[]; + let ZCOUTPUT: boolean; + let SYNTAX: string; + let EXPORTURL: string; + let AJAXEXPORT: boolean; + let DEV: { + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - text?: string; - tooltip?: tooltip; - 'trend-down'?: trendDown; - trendDown?: trendDown; - 'trend-equal'?: trendEqual; - trendEqual?: trendEqual; - 'trend-up'?: trendUp; - trendUp?: trendUp; - 'value-box'?: valueBox; - valueBox?: valueBox; - values?: any; - } - interface scaleK { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ + + interface data { + globals?: globals; + graphset?: graphset[]; + gui?: gui; + history?: history; + refresh?: refresh; + } + + interface theme { + palette?: { + area?: string[][]; + gauge?: string[][]; + line?: string[][]; + pie?: string[][]; + vbar?: string[][]; + }; + graph?: graphset; + } + + interface backgroundMarker { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; borderColor?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ 'border-width'?: any; borderWidth?: any; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: tooltip; - } - interface scaleLabel { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface scaleR { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - alpha?: number; + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + + interface backgroundState { /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Sets the rotation angle of the object/shape. -45 | 115 | ... */ angle?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border 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)' | ... + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface calloutTip { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + } + interface contextMenu { + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: Array<{ + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }>; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + } + interface contextMenuGui { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: Array<{ + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }>; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + hoverState?: any; + }; + } + interface crosshairX { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + } + interface crosshairY { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + } + interface guideLabel { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface highlightMarker { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface highlightState { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface hoverMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface hoverState { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface itemOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + } + + interface label { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: calloutTip; + calloutTip?: calloutTip; + } + interface legendItem { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface legendMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface link { + /** + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. + */ + alpha?: any; + /** + * @description Sets the transparency level of area in chart. 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. + */ + alphaArea?: any; + /** + * @description Sets the transparency level of area in chart. 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. + */ + 'alpha-area'?: any; + /** + * @description Sets the rotation angle of the object. + */ + angle?: any; + /** + * @description Sets the end angle of a pie shape. + */ + angleEnd?: any; + /** + * @description Sets the end angle of a pie shape. + */ + 'angle-end'?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + angleStart?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + 'angle-start'?: any; + /** + * @description Sets the aspect of the chart. + */ + aspect?: string; + /** + * @description Clips the background image to the margins of the shape/box. + */ + backgroundClip?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + 'background-clip'?: any; + /** + * @description 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)") + */ + backgroundColor?: string; + /** + * @description 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)") + */ + 'background-color'?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + backgroundColor1?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + 'background-color-1'?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + backgroundColor2?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + 'background-color-2'?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + backgroundFit?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + 'background-fit'?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + backgroundImage?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + 'background-image'?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + backgroundPosition?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + 'background-position'?: string; + /** + * @description Sets the repeating mode for the background image. + */ + backgroundRepeat?: any; + /** + * @description Sets the repeating mode for the background image. + */ + 'background-repeat'?: any; + /** + * @description Scales the background image using the specified ratio. + */ + backgroundScale?: any; + /** + * @description Scales the background image using the specified ratio. + */ + 'background-scale'?: any; + /** + * @description Sets the border width of the object. Can be a single value or a string of values, setting + * the values in the order "top right bottom left" + */ + border?: any; + /** + * @description Sets the transparency level of the border on 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. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on 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. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. + */ + borderColor?: string; + /** + * @description Sets the border color of the object. + */ + 'border-color'?: string; + /** + * @description 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. + */ + borderRadius?: any; + /** + * @description 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. + */ + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + fastVectorPath?: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + 'fast-vector-path'?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the id of the object. + */ + id?: string; + /** + * @description Sets the id or style of the item. + */ + item?: string; + /** + * @description Configures the object's label. + */ + label?: label; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + lineCap?: string; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + 'line-cap'?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + lineColor?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + 'line-color'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + lineGapSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + 'line-gap-size'?: any; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + lineJoin?: string; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + 'line-join'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + lineSegmentSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + 'line-segment-size'?: any; + /** + * @description Sets the line style of the object. + */ + lineStyle?: string; + /** + * @description Sets the line style of the object. + */ + 'line-style'?: string; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + lineWidth?: any; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + 'line-width'?: any; + /** + * @description Sets the map id of the map on which the object/shape is being added. + */ + map?: string; + /** + * @description Sets an R offset to apply when positioning the object. + */ + offsetR?: any; + /** + * @description Sets an R offset to apply when positioning the object. + */ + 'offset-r'?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + offsetX?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + 'offset-x'?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + offsetY?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + 'offset-y'?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + offsetZ?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + 'offset-z'?: any; + /** + * @description Sets the object's padding around the text. + */ + padding?: any; + /** + * @description Sets the coordinates of the object/shape points. + */ + points?: any[]; + /** + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. + */ + shadow?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + shadowAlpha?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + 'shadow-alpha'?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + shadowAngle?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + shadowBlur?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. + */ + shadowColor?: string; + /** + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. + */ + shadowDistance?: any; + /** + * @description Sets the distance between the shadow and the object. + */ + 'shadow-distance'?: any; + /** + * @description Sets the size of the object. + */ + size?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + size2?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + 'size-2'?: any; + /** + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. + */ + slice?: any; + /** + * @description Sets the target of the object. + */ + target?: string; + /** + * @description Configures the tooltip element, which appears when hovering over an object. + */ + tooltip?: tooltip; + /** + * @description Sets the type of the object. + */ + type?: string; + /** + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. + */ + url?: string; + /** + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. + */ + x?: any; + /** + * @description Sets the Y position of the object. + */ + y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; + } + interface minorGuide { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface minorTick { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface noData { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface node { + /** + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. + */ + alpha?: any; + /** + * @description Sets the transparency level of area in chart. + */ + alphaArea?: any; + /** + * @description Sets the transparency level of area in chart. + */ + 'alpha-area'?: any; + /** + * @description Sets the rotation angle of the object. + */ + angle?: any; + /** + * @description Sets the end angle of a pie shape. + */ + angleEnd?: any; + /** + * @description Sets the end angle of a pie shape. + */ + 'angle-end'?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + angleStart?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + 'angle-start'?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + backgroundClip?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + 'background-clip'?: any; + /** + * @description Sets the background color of the object. + */ + backgroundColor?: string; + /** + * @description Sets the background color of the object. + */ + 'background-color'?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + backgroundColor1?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + 'background-color-1'?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + backgroundColor2?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + 'background-color-2'?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + backgroundFit?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + 'background-fit'?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + backgroundImage?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + 'background-image'?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + backgroundPosition?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + 'background-position'?: string; + /** + * @description Sets the repeating mode for the background image. + */ + backgroundRepeat?: any; + /** + * @description Sets the repeating mode for the background image. + */ + 'background-repeat'?: any; + /** + * @description Scales the background image using the specified ratio. + */ + backgroundScale?: any; + /** + * @description Scales the background image using the specified ratio. + */ + 'background-scale'?: any; + /** + * @description Sets the border width of the object. + */ + border?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. + */ + borderColor?: string; + /** + * @description Sets the border color of the object. + */ + 'border-color'?: string; + /** + * @description Sets the object's border radius for rounded corners. + */ + borderRadius?: any; + /** + * @description Sets the object's border radius for rounded corners. + */ + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the hover state styles of the object. + */ + hoverState?: hoverState; + /** + * @description Sets the hover state styles of the object. + */ + 'hover-state'?: hoverState; + /** + * @description Sets the id of the object. + */ + id?: string; + /** + * @description Sets the id or style of the item. + */ + item?: string; + /** + * @description Configures the object's label. + */ + label?: label; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + lineCap?: string; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + 'line-cap'?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + lineColor?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + 'line-color'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. + */ + lineGapSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. + */ + 'line-gap-size'?: any; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + lineJoin?: string; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + 'line-join'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. + */ + lineSegmentSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. + */ + 'line-segment-size'?: any; + /** + * @description Sets the line style of the object. + */ + lineStyle?: string; + /** + * @description Sets the line style of the object. + */ + 'line-style'?: string; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + lineWidth?: any; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + 'line-width'?: any; + /** + * @description Sets the map id of the map on which the object/shape is being added. + */ + map?: string; + /** + * @description Sets an R offset to apply when positioning the object. + */ + offsetR?: any; + /** + * @description Sets an R offset to apply when positioning the object. + */ + 'offset-r'?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + offsetX?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + 'offset-x'?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + offsetY?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + 'offset-y'?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + offsetZ?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + 'offset-z'?: any; + /** + * @description Sets the object's padding around the text. + */ + padding?: any; + /** + * @description Sets the coordinates of the object/shape points. + */ + points?: any[]; + /** + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. + */ + shadow?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + shadowAlpha?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + 'shadow-alpha'?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + shadowAngle?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + shadowBlur?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. + */ + shadowColor?: string; + /** + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. + */ + shadowDistance?: any; + /** + * @description Sets the distance between the shadow and the object. + */ + 'shadow-distance'?: any; + /** + * @description Sets the size of the object. + */ + size?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + size2?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + 'size-2'?: any; + /** + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. + */ + slice?: any; + /** + * @description Sets the target of the object. + */ + target?: string; + /** + * @description Configures the tooltip element, which appears when hovering over an object. + */ + tooltip?: tooltip; + /** + * @description Sets the type of the object. + */ + type?: string; + /** + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. + */ + url?: string; + /** + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. + */ + x?: any; + /** + * @description Sets the Y position of the object. + */ + y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; + } + interface pageOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageOn { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageStatus { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface plotRules extends plot { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface plot { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + bandSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + barMaxWidth?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: any; + barWidth?: any; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Certain plot to add in selection tool. + */ + 'data-append-selection'?: boolean; + dataAppendSelection?: boolean; + /** + * Certain plot to ignore in selection tool. + */ + 'data-ignore-selection'?: boolean; + dataIgnoreSelection?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * Turns off click on slices + */ + detached?: boolean; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or + * "highlight-marker" object(s), which allow for custom styling. + * Default Value: false + */ + hightlight?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows + * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which + * allow you specify the styling attributes you want applied. + * Accepted Values: ['none', 'plot', 'graph', 'multiple'] + */ + 'selection-mode'?: string; + selectionMode?: string; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + smartSampling?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Hole size in middle of chart + */ + slice?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + onLegendToggle?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: Array<{}>; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + highlight?: boolean; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: plotRules[]; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + tooltip?: tooltip; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + 'value-box'?: valueBox; + valueBox?: valueBox; + } + interface plotLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface refLine { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + }>; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + }>; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + }>; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + itemsOverlap?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the value of each step along an axis. + */ + step?: any; + /** + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + }>; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + items?: Array<{ + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }>; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: Array<{ + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: Array<{ + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }>; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + }; + } + interface scaleY { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... */ - 'border-color'?: string; - borderColor?: string; + 'exponent-decimals'?: number; + exponentDecimals?: number; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... */ - 'border-radius'?: any; - borderRadius?: any; + format?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 */ - 'border-width'?: any; - borderWidth?: any; + 'items-overlap'?: boolean; + itemsOverlap?: boolean; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... */ - 'font-color'?: string; - fontColor?: string; + labels?: any; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' */ - 'font-family'?: string; - fontFamily?: string; + layout?: string; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... */ - 'font-size'?: number; - fontSize?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets the font style of the object. 'italic' | 'normal' + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... */ - 'font-style'?: string; - fontStyle?: string; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; lineStyle?: string; /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... + * Sets the width of the axis line. 4 | '6px' | ... */ - offsetR?: number; + 'line-width'?: any; + lineWidth?: any; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... */ - padding?: any; + 'log-base'?: any; + logBase?: any; /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... */ - 'text-align'?: string; - textAlign?: string; + margin?: any; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the object's bottom margin. 4 | '6px' | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the width of the object. 50 | '200px' | ... + * Sets the object's left margin. 4 | '6px' | ... */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: Array<{ + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the object's right margin. 4 | '6px' | ... */ - alpha?: number; + 'margin-right'?: any; + marginRight?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the object's top margin. 4 | '6px' | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'margin-top'?: any; + marginTop?: any; /** - * Sets the border 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)' | ... + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... */ - 'border-color'?: string; - borderColor?: string; + 'max-items'?: number; + maxItems?: number; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... */ - 'border-width'?: any - borderWidth?: any + 'max-labels'?: number; + maxLabels?: number; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... */ - 'line-style'?: string; - lineStyle?: string; + 'max-ticks'?: number; + maxTicks?: number; /** - * Sets the size of the object. 30 | '40px' | ... + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... */ - size?: number; - }>; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - } - interface scaleV { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ + 'max-value'?: number; + maxValue?: number; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... */ - alpha?: number; + 'min-value'?: number; + minValue?: number; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... */ - 'background-color'?: string; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - 'ref-line'?: refLine; - refLine?: refLine; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: tooltip; - } - interface scaleX { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - itemsOverlap?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the value of each step along an axis. - */ - step?: any; - /** - * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, - * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. - * Default Value: null - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ + 'minor-ticks'?: number; + minorTicks?: number; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 */ - alpha?: number; + mirrored?: boolean; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 */ - 'background-color'?: string; - backgroundColor?: string; + multiplier?: boolean; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' */ - 'border-color'?: string; - borderColor?: string; + negation?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... */ - 'border-width'?: any - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - items?: Array<{ - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }>; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - labels?: any; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { + offset?: number; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... */ - alpha?: number; + 'offset-end'?: any; + offsetEnd?: any; /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... */ - angle?: number; + 'offset-start'?: any; + offsetStart?: any; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the border 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)' | ... + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... */ - 'border-color'?: string; - borderColor?: string; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... + * Sets the placement of the scale object. 'default' | 'opposite' */ - 'border-radius'?: any; - borderRadius?: any; + placement?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' */ - 'border-width'?: any - borderWidth?: any + progression?: string; /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... */ - 'font-color'?: string; - fontColor?: string; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + * To set the value the reference line is drawn at. 5 | 10 | ... */ - 'font-family'?: string; - fontFamily?: string; + 'ref-value'?: number; + refValue?: number; /** - * Sets the font size of the object. 10 | 12 | '20px' | ... + * Sets the scale of the y axis 5 | 10 | ... */ - 'font-size'?: number; - fontSize?: number; + 'scale-factor'?: number; + scaleFactor?: number; /** - * Sets the font style of the object. 'italic' | 'normal' + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 */ - 'font-style'?: string; - fontStyle?: string; + short?: boolean; /** - * Sets the font weight of the object. 'bold' | 'normal' + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB */ - 'font-weight'?: string; - fontWeight?: string; + 'short-unit'?: string; + shortUnit?: string; /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... */ - 'line-style'?: string; - lineStyle?: string; + 'show-labels'?: any; + showLabels?: any; /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... + * Sets the size of the object/shape. 4 | '6px' | ... */ - padding?: any; + size?: any; /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' */ - 'text-align'?: string; - textAlign?: string; + 'size-factor'?: string; + sizeFactor?: string; /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the value of each step along an axis. */ - 'text-alpha'?: number; - textAlpha?: number; + step?: any; /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... */ - alpha?: number; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] */ - 'line-color'?: string; - lineColor?: string; + values?: any; /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + visible?: boolean; /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + }>; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + markers?: Array<{ + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the width of the object. 50 | '200px' | ... + */ + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: Array<{ + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }>; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + } + interface scrollXSCrollY { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... */ - 'line-width'?: any; - lineWidth?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... */ - visible?: boolean; - }; - item?: { + 'offset-y'?: any; + offsetY?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + } + interface selectedMarker { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... */ alpha?: number; /** @@ -9842,11 +10841,6 @@ declare namespace zingchart { */ 'background-color-2'?: string; backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ @@ -9858,124 +10852,21 @@ declare namespace zingchart { 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'callout-width'?: any; - calloutWidth?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Cuts off extra text. Use with width. true | false | 1 | 0 + * 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)" | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - color?: string; + 'border-width'?: any; + borderWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -9996,38 +10887,6 @@ declare namespace zingchart { */ 'fill-type'?: string; fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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" | ... @@ -10040,43 +10899,6 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -10087,36 +10909,6 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10149,4088 +10941,286 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + * Sets the size of the object/shape. 4 | "6px" | ... */ - underline?: boolean; + size?: any; /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + type?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - width?: any; + x?: any; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - }; - } - interface scaleY { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... - */ - format?: string; - /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 - */ - 'items-overlap'?: boolean; - itemsOverlap?: boolean; - /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... - */ - labels?: any; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the width of the axis line. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 - */ - multiplier?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... - */ - offset?: number; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * Sets the scale of the y axis 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' - */ - 'size-factor'?: string; - sizeFactor?: string; - /** - * Sets the value of each step along an axis. - */ - step?: any; - /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ + y?: any; + } + interface selectedState { /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + * Sets 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)" | ... */ - 'border-color'?: string; - borderColor?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the border width of the object. 1 | 3 | '6px' | ... + * 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)" | ... */ - 'border-width'?: any + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'border-radius'?: any; - borderRadius?: any; - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - alpha?: number; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - angle?: number; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-color'?: string; - backgroundColor?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * Sets the border 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)' | ... + * 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-color'?: string; borderColor?: string; /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - 'ref-line'?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - } - interface scrollXScrollY { - /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... - */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - } - interface selectedMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface selectedState { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - } - interface theme { - palette?: { - area?: string[][]; - gauge?: string[][]; - line?: string[][]; - pie?: string[][]; - vbar?: string[][]; - }; - graph?: graphset; - } - interface tooltip { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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. For graph plot tooltip. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. - */ - 'html-mode'?: boolean; - htmlMode?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: any; - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - rules?: tooltipRules[]; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - } - interface tooltipRules extends tooltip { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - interface trendDown { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendEqual { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendUp { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface valueBox { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the value box text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... - */ - type?: string; - /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 - */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - rules?: valueBoxRules[]; - } - interface valueBoxRules extends valueBox { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - - interface globals { - /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font weight of the object. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... - */ - 'line-width'?: number; - } - interface gui { - /** - * To create custom context menu items - */ - behaviors?: behavior[]; - 'context-menu'?: contextMenuGui; - contextMenu?: contextMenuGui; - } - interface graphset { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * The type of the chart "line" | "bar"... - */ - type?: string; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: Array<{ - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ - hook?: string; + 'fill-angle'?: number; + fillAngle?: number; /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ - 'offset-x'?: number; - offsetX?: number; + 'fill-offset-x'?: any; + fillOffsetX?: any; /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ - 'offset-y'?: number; - offsetY?: number; + 'fill-offset-y'?: any; + fillOffsetY?: any; /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ - x?: number; + 'fill-type'?: string; + fillType?: string; /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... + * 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" | ... */ - y?: number; - }; - to?: { + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + * 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" | ... */ - hook?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'offset-x'?: number; - offsetX?: number; + 'line-color'?: string; + lineColor?: string; /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }>; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { + 'line-width'?: any; + lineWidth?: any; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - alpha?: number; + shadow?: boolean; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'border-color'?: string; - borderColor?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - size?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - type?: string; + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface tooltipRules extends tooltip { /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: tooltip; - }; - images?: Array<{ - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - labels?: label[]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - dragHandler?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - highlightPlot?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { + rule?: string; + } + interface tooltip { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - bold?: boolean; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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 | ... + * sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * es. For graph plot tooltip. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'border-width'?: any; + borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 */ callout?: boolean; /** @@ -14239,167 +11229,215 @@ declare namespace zingchart { 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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] | ... + * top left corner of the chart. For graph plot tooltip. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... */ color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + * Sets the font size of the object text. 12 | "20px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + * Sets the font style of the object text. "normal" | "italic" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + * Sets the font weight of the object text. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: 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" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - height?: any; + height?: number; /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 + * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. */ - italic?: boolean; + 'html-mode'?: boolean; + htmlMode?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets the padding around the object text. "10%" | "25px" ... */ padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; + rules?: tooltipRules[]; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -14432,75 +11470,201 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." */ text?: string; /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + } + interface trendDown { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface trendEqual { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - 'text-align'?: string; - textAlign?: string; + 'line-width'?: any; + lineWidth?: any; + } + interface trendUp { /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + alpha?: number; /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'text-decoration'?: string; - textDecoration?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - underline?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - visible?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the line width of the object. 1 | 3 | | "6px" | ... */ - width?: any; + 'line-width'?: any; + lineWidth?: any; + } + interface valueBoxRules extends valueBox { /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - header?: { + rule?: string; + } + interface valueBox { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; @@ -14510,365 +11674,5699 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'border-bottom'?: string; - borderBottom?: string; + 'border-alpha'?: number; + borderAlpha?: number; /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Requires border-color. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . */ - 'border-width'?: any - borderWidth?: any + 'border-width'?: any; + borderWidth?: any; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 */ callout?: boolean; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... */ - 'clip-text'?: boolean; - clipText?: boolean; + decimals?: number; /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... */ - color?: string; + 'decimals-separator'?: string; + decimalsSeparator?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the object. 5 | "10px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets a Y offset to apply to the object. 5 | "10px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + * Sets the font size of the value box text. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: 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" | ... + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... */ 'gradient-colors'?: string; gradientColors?: 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" | ... + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - height?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... */ - italic?: boolean; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... */ - 'max-chars'?: number; - maxChars?: number; + 'offset-y'?: any; + offsetY?: any; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'max-width'?: any; - maxWidth?: any; + padding?: any; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... */ - 'offset-x'?: any; - offsetX?: any; + placement?: any; /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; + rtl?: boolean; /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - padding?: any; + shadow?: boolean; /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + * Sets the text content of the object. "Some Text" | ... */ - 'padding-bottom'?: any; - paddingBottom?: any; + text?: string; /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'padding-left'?: any; - paddingLeft?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... + * Sets the character used to separate thousands. "," | "." | " " | ... */ - 'padding-right'?: number; - paddingRight?: number; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... */ - 'padding-top'?: any; - paddingTop?: any; + type?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 */ - rtl?: boolean; + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + rules?: valueBoxRules[]; + } + + interface globals { /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... */ - shadow?: boolean; + alpha?: number; /** - * Sets 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 | ... + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + 'border-color'?: string; + borderColor?: string; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; + } + interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + * Sets the border radius (rounded corners) of the object. "3px" | "10px" */ - text?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'text-align'?: string; - textAlign?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'text-alpha'?: number; - textAlpha?: number; + height?: number; /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" */ - 'text-decoration'?: string; - textDecoration?: string; + 'line-style'?: string; + lineStyle?: string; /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + * The type of the chart "line" | "bar"... */ - underline?: boolean; + type?: string; /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... */ - 'vertical-align'?: string; - verticalAlign?: string; + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: Array<{ + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... + */ + y?: number; + }; + to?: { + /** + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; + /** + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... + */ + 'offset-x'?: number; + offsetX?: number; + /** + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. + */ + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }>; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: tooltip; + }; + images?: Array<{ + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + labels?: label[]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + dragHandler?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + highlightPlot?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Clips the text to a specified width. Requires width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + header?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... + */ + 'padding-right'?: number; + paddingRight?: number; + /** + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + icon?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + showMarker?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + }; + 'page-off'?: pageOff; + pageOff?: pageOff; + 'page-on'?: pageOn; + pageOn?: pageOn; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: tooltip; + }; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + 'media-rules'?: Array<{ + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }>; + 'no-data'?: noData; + noData?: noData; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + colorType?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + maxFontSize?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + maxItems?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + minFontSize?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + stepAngle?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + stepRadius?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; + /** + * To set multiplier for count ytd | all | year | month | week | day | hour | minute + */ + type?: string; + /** + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + */ + count?: any; + }; + 'context-menu'?: contextMenu; + contextMenu?: contextMenu; + indicator?: { + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + link?: link; + 'link[sibling]'?: link; + [key: `link[cls-${string}`]: link; + [key: `link[container-${string}`]: link; + [key: `link[group-${string}`]: link; + [key: `link[level-${string}`]: link; + [key: `link[parent-${string}`]: link; + [key: `link[source-${string}`]: link; + [key: `link[target-${string}`]: link; + links?: link; + 'max-iterations'?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + maxLevel?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + 'max-level'?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + maxLinkWidth?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + 'max-link-width'?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + maxSize?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + 'max-size'?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + maxValue?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + 'max-value'?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + minLength?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + 'min-length'?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + minLevel?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + 'min-level'?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + minLinkWidth?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + 'min-link-width'?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + minSize?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + 'min-size'?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + minValue?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + 'min-value'?: any; + node?: node; + 'node[collapsed]'?: node; + 'node[leaf]'?: node; + 'node[parent]'?: node; + [key: `node[cls-${string}`]: node; + [key: `node[container-${string}`]: node; + [key: `node[group-${string}`]: node; + [key: `node[level-${string}`]: node; + [key: `node[parent-${string}`]: node; + style?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + 'hover-state'?: hoverState; + hoverState?: hoverState; + tooltip?: tooltip; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: Array<{ + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }>; + }; + plot?: plot; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + marginLeftOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + marginRightOffset?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + marginTopOffset?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + maskTolerance?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + [key: `scale-x-${number}`]: scaleX; + [key: `scaleX${number}`]: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + [key: `scale-y-${number}`]: scaleY; + [key: `scaleY${number}`]: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: scrollXSCrollY; + scrollXScrollY?: scrollXSCrollY; + selectionTool?: { + mask?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + }; + }; + series?: series[]; + shapes?: Array<{ + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + /** + * Bar charts only: To make the chart look like a series of columns or bars that are stacked on top of each other.. + */ + stacked?: boolean; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + /** + * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. + * Default Value: 0 */ - visible?: boolean; + 'time-zone'?: number; + timeZone?: number; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + tooltip?: tooltip; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. */ - width?: any; + utc?: boolean; + values?: any; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + }; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean; + }; /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 + * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - icon?: { + zoomSnap?: boolean; + } + + interface behavior { /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * To enable or disable individual context menu item behaviors. "all" | "none" */ - alpha?: number; + enabled?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... */ - 'line-color'?: string; - lineColor?: string; + id?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + * Sets the label of the custom menu item. */ - 'line-width'?: any; - lineWidth?: any; + text?: string; /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + * Executes specified custom function for the custom menu item. */ - 'offset-x'?: any; - offsetX?: any; + 'custom-function'?: string; + customFunction?: string; + } + interface gui { /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + * To create custom context menu items */ - 'offset-y'?: any; - offsetY?: any; - }; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { + behaviors?: behavior[]; + 'context-menu'?: contextMenuGui; + contextMenu?: contextMenuGui; + } + interface history { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; /** * 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 se @@ -14950,270 +17448,65 @@ declare namespace zingchart { * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - showMarker?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; + borderRadiusTopLeft?: any; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; /** - * Sets 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)" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-right'?: string; + borderRight?: 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)" | ... + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-top'?: string; + borderTop?: string; /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'border-width'?: any; + borderWidth?: any; /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ - 'background-image'?: string; - backgroundImage?: string; + callout?: boolean; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... */ - 'background-position'?: string; - backgroundPosition?: string; + 'callout-extension'?: any; + calloutExtension?: any; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'callout-height'?: any; + calloutHeight?: any; /** - * 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)" | ... + * 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] | ... */ - 'border-color'?: string; - borderColor?: string; + 'callout-hook'?: any; + calloutHook?: any; /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'callout-offset'?: any; + calloutOffset?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ - 'border-width'?: any - borderWidth?: any + 'callout-position'?: string; + calloutPosition?: string; /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ - cursor?: string; + 'callout-width'?: any; + calloutWidth?: any; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -15247,33 +17540,37 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-color'?: string; - lineColor?: string; + height?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'line-gap-size'?: any; - lineGapSize?: any; + margin?: any; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... + * Sets the object's bottom margin. 4 | "6px" | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'margin-bottom'?: any; + marginBottom?: any; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * Sets the object's left margin. 4 | "6px" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'margin-left'?: any; + marginLeft?: any; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... + * Sets the object's right margin. 4 | "6px" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -15305,1032 +17602,560 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - }; - 'page-off'?: pageOff; - pageOff?: pageOff; - 'page-on'?: pageOn; - pageOn?: pageOn; - 'page-status'?: pageStatus; - pageStatus?: pageStatus; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: tooltip; - }; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - 'media-rules'?: Array<{ - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - maxHeight?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - minHeight?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - minWidth?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }>; - 'no-data'?: noData; - noData?: noData; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - colorType?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - maxFontSize?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - maxItems?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - minFontSize?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - stepAngle?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - stepRadius?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + width?: any; /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - count?: any; - }; - 'context-menu'?: contextMenu; - contextMenu?: contextMenu; - indicator?: { + x?: any; /** - * To set the visibility of the object. true | false + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; + y?: any; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; }; - }; - link?: link; - 'link[sibling]'?: link; - [key: `link[cls-${string}`]: link; - [key: `link[container-${string}`]: link; - [key: `link[group-${string}`]: link; - [key: `link[level-${string}`]: link; - [key: `link[parent-${string}`]: link; - [key: `link[source-${string}`]: link; - [key: `link[target-${string}`]: link; - links?: link; - 'max-iterations'?: any; - /** - * @description Sets the maximum level the items have to be on so that they will be processed. - */ - maxLevel?: any; - /** - * @description Sets the maximum level the items have to be on so that they will be processed. - */ - 'max-level'?: any; - /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). - */ - maxLinkWidth?: any; - /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). - */ - 'max-link-width'?: any; - /** - * @description Sets the maximum size for the tree nodes. - */ - maxSize?: any; - /** - * @description Sets the maximum size for the tree nodes. - */ - 'max-size'?: any; - /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. - */ - maxValue?: any; - /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. - */ - 'max-value'?: any; - /** - * @description When set, filter out words shorter than minLength from the wordcloud - */ - minLength?: any; - /** - * @description When set, filter out words shorter than minLength from the wordcloud - */ - 'min-length'?: any; - /** - * @description Sets the minimum level the items have to be on so that they will be processed. - */ - minLevel?: any; - /** - * @description Sets the minimum level the items have to be on so that they will be processed. - */ - 'min-level'?: any; - /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). - */ - minLinkWidth?: any; - /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). - */ - 'min-link-width'?: any; - /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. - */ - minSize?: any; - /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. - */ - 'min-size'?: any; - /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. - */ - minValue?: any; - /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. - */ - 'min-value'?: any; - node?: node; - 'node[collapsed]'?: node; - 'node[leaf]'?: node; - 'node[parent]'?: node; - [key: `node[cls-${string}`]: node; - [key: `node[container-${string}`]: node; - [key: `node[group-${string}`]: node; - [key: `node[level-${string}`]: node; - [key: `node[parent-${string}`]: node; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - 'hover-state'?: hoverState; - hoverState?: hoverState; - tooltip?: tooltip; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: Array<{ - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }>; - }; - plot?: plot; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - marginBottomOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - marginLeftOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - marginRightOffset?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - marginTopOffset?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - maskTolerance?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - minDistance?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; + } + interface refresh { /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... + * Sets the type of data refresh, full being the only option at loader's level. "full" */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; + type?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + resetTimeout?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + adjustScale?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } + interface series { /** - * 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 comp - * letely 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 | ... + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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. -4 - * 5 | 115 | ... + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... */ - angle?: number; + aspect?: 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -16345,7 +18170,7 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; @@ -16355,26 +18180,42 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * 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 + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. */ - bold?: boolean; + 'band-space'?: number; + bandSpace?: number; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: any; + barWidth?: any; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" */ - 'border-bottom'?: string; - borderBottom?: string; + 'bars-space-right'?: number; + barsSpaceRight?: number; /** - * 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)" | ... + * 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-color'?: string; borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -16408,30 +18249,14 @@ declare namespace zingchart { 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... */ - 'border-width'?: any - borderWidth?: any + 'border-width'?: any; + borderWidth?: any; /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -16445,7 +18270,7 @@ declare namespace zingchart { calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; @@ -16460,108 +18285,203 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 */ - 'clip-text'?: boolean; - clipText?: boolean; + 'contour-on-top'?: boolean; + contourOnTop?: boolean; /** - * 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)" | ... + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 */ - color?: string; + 'connect-nulls'?: boolean; + connectNulls?: boolean; /** - * 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 - * | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + dataDragging?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * 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 | ... + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] */ - 'font-angle'?: number; - fontAngle?: number; + goals?: any; /** - * 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)" | ... + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... */ - 'font-color'?: string; - fontColor?: string; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + * 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" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 */ - 'font-size'?: any; - fontSize?: any; + 'group-selections'?: boolean; + groupSelections?: boolean; /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + * Sets the ID of the object. "myid" | "f1" | ... */ - 'font-style'?: string; - fontStyle?: string; + id?: string; /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] */ - 'font-weight'?: string; - fontWeight?: string; + join?: any; /** - * 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" | ... + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + 'legend-text'?: string; + legendText?: 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" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + 'line-color'?: string; + lineColor?: string; /** - * 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%" | ... + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... */ - height?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * 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 + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... */ - italic?: boolean; + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; + 'line-width'?: any; + lineWidth?: any; /** - * 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 | ... + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... */ - 'max-chars'?: number; - maxChars?: number; + 'max-nodes'?: number; + maxNodes?: number; /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... */ - 'max-width'?: any; - maxWidth?: any; + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -16573,2481 +18493,570 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} */ - 'padding-left'?: any; - paddingLeft?: any; + 'preview-state'?: any; + previewState?: any; /** - * Sets the object's right padding around the text. 4 | "6px" | ... + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... */ - 'padding-right'?: any; - paddingRight?: any; + 'ref-angle'?: number; + refAngle?: number; /** - * Sets the object's top padding around the text. 4 | "6px" | ... + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" */ - 'padding-top'?: any; - paddingTop?: any; + reference?: string; /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . */ - rtl?: boolean; + 'sampling-step'?: number; + samplingStep?: number; /** - * Sets the text content of the object. "Some Text" | ... + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... */ - text?: string; + scales?: string; /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" */ - 'text-align'?: string; - textAlign?: string; + scaling?: string; /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... */ - 'text-alpha'?: number; - textAlpha?: number; + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false */ - 'text-decoration'?: string; - textDecoration?: string; + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - underline?: boolean; + shadow?: boolean; /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + * Sets 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 | ... */ - visible?: boolean; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - width?: any; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - mask?: { + 'shadow-blur'?: any; + shadowBlur?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - alpha?: number; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'background-color'?: string; - backgroundColor?: string; - }; - }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - [key: `scale-x-${number}`]: scaleX; - [key: `scaleX${number}`]: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - [key: `scale-y-${number}`]: scaleY; - [key: `scaleY${number}`]: scaleY; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: scrollXScrollY; - scrollXScrollY?: scrollXScrollY; - selectionTool?: { - mask?: { + 'shadow-distance'?: any; + shadowDistance?: any; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 */ - alpha?: number; + short?: boolean; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" */ - 'background-color'?: string; - backgroundColor?: string; + 'short-unit'?: string; + shortUnit?: string; /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + 'show-zero'?: boolean; + showZero?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... */ - 'border-width'?: any - borderWidth?: any - }; - }; - series?: series[]; - shapes?: Array<{ - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - /** - * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. - * Default Value: 0 - */ - 'time-zone'?: number; - timeZone?: number; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - tooltip?: tooltip; - /** - * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. - */ - utc?: boolean; - values?: any; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; - }; - zoom?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - label?: { + 'size-factor'?: number; + sizeFactor?: number; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... */ - alpha?: number; + 'slice-start'?: number; + sliceStart?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... */ - 'background-color'?: string; - backgroundColor?: string; + stack?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + stacked?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" */ - 'border-width'?: any - borderWidth?: any + 'step-start'?: string; + stepStart?: string; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... */ - 'font-color'?: string; - fontColor?: string; + target?: string; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the thickness of pie3d charts. 5 | 10 | ... */ - 'font-family'?: string; - fontFamily?: string; + thickness?: number; /** - * Sets the font size of the object text. 12 | "20px" | ... + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... */ - 'font-size'?: any; - fontSize?: any; + 'thousands-separator'?: string; + thousandsSeparator?: string; /** - * Sets the font style of the object text. "normal" | "italic" + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... */ - 'font-style'?: string; - fontStyle?: string; + 'tooltip-text'?: string; + tooltipText?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the type of the object/shape. + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', + * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Default Value: 'poly' */ - 'font-weight'?: string; - fontWeight?: string; + type?: string; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... */ - padding?: any; + url?: string; /** - * Sets the visibility of the object. true | false | 1 | 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; - }; - /** - * To enabled shared zooming when there are mulitple charts in a graphset - */ - shared?: boolean; - }; - /** - * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. - */ - zoomSnap?: boolean; - } - interface behavior { - /** - * To enable or disable individual context menu item behaviors. "all" | "none" - */ - enabled?: string; - /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... - */ - id?: string; - /** - * Sets the label of the custom menu item. - */ - text?: string; - /** - * Executes specified custom function for the custom menu item. - */ - 'custom-function'?: string; - customFunction?: string; - } - interface history { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - }; - } - interface refresh { - /** - * Sets the type of data refresh, full being the only option at loader's level. "full" - */ - type?: string; - /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - resetTimeout?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - adjustScale?: boolean; - curtain?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any - borderWidth?: any - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-index of the series object + */ + 'z-index'?: number; + zIndex?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + zStart?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + onChange?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: Array<{}>; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the text's font size of the marker. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + text?: string; + tooltip?: tooltip; + 'trend-down'?: trendDown; + trendDown?: trendDown; + 'trend-equal'?: trendEqual; + trendEqual?: trendEqual; + 'trend-up'?: trendUp; + trendUp?: trendUp; + 'value-box'?: valueBox; + valueBox?: valueBox; + values?: any; + } } declare namespace ZC { - let BUILDCODE: string[]; - let LICENSE: string[]; - let LICENSEKEY: string[]; - let VERSION: string; + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let VERSION: string; } export default zingchart; From 75d21ec8b47b0cd875d488954c4825ed928c18ba Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Tue, 25 Oct 2022 23:31:54 +0300 Subject: [PATCH 68/86] Revert "add stacked attribute to graphset" --- types/zingchart/es6/index.d.ts | 35825 +++++++++++++++---------------- 1 file changed, 17908 insertions(+), 17917 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index cbb82cc3df1484..f0d6f9baa54462 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -1,10820 +1,9821 @@ declare namespace zingchart { - function render(config: object): null; - function bind(id: string, eventName: string, cb?: any): void; - function exec(id: string, call: string, params?: any): any; - function unbind(id: string, event: string, fn?: any): void; + function render(config: object): null; + function bind(id: string, eventName: string, cb?: any): void; + function exec(id: string, call: string, params?: any): any; + function unbind(id: string, event: string, fn?: any): void; - let BUILDCODE: string[]; - let LICENSE: string[]; - let LICENSEKEY: string[]; - let ASYNC: boolean; - let FONTFAMILY: string[]; - let FONTSIZE: string[]; - let MODULESDIR: string[]; - let ZCOUTPUT: boolean; - let SYNTAX: string; - let EXPORTURL: string; - let AJAXEXPORT: boolean; - let DEV: { - CANVASVERSION?: number; - CACHECANVASTEXT?: boolean; - CACHESELECTION?: boolean; - CHECKDECIMALS?: boolean; - COPYDATA?: boolean; - KEEPSOURCE?: boolean; - MEDIARULES?: boolean; - PLOTSTATS?: boolean; - SKIPTRACKERS?: boolean; - SKIPPROGRESS?: boolean; - SORTTOKENS?: boolean; - RESOURCES?: boolean; - }; - - interface data { - globals?: globals; - graphset?: graphset[]; - gui?: gui; - history?: history; - refresh?: refresh; - } - - interface theme { - palette?: { - area?: string[][]; - gauge?: string[][]; - line?: string[][]; - pie?: string[][]; - vbar?: string[][]; - }; - graph?: graphset; - } + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let ASYNC: boolean; + let FONTFAMILY: string; + let FONTSIZE: number; + let MODULESDIR: string[]; + let ZCOUTPUT: boolean; + let SYNTAX: string; + let EXPORTURL: string; + let AJAXEXPORT: boolean; + let DEV: { + CANVASVERSION?: number; + CACHECANVASTEXT?: boolean; + CACHESELECTION?: boolean; + CHECKDECIMALS?: boolean; + COPYDATA?: boolean; + KEEPSOURCE?: boolean; + MEDIARULES?: boolean; + PLOTSTATS?: boolean; + SKIPTRACKERS?: boolean; + SKIPPROGRESS?: boolean; + SORTTOKENS?: boolean; + RESOURCES?: boolean; + }; - interface backgroundMarker { + interface backgroundMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface backgroundState { + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface calloutTip { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" + */ + type?: string; + } + interface contextMenu { + button?: { + /** + * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} + */ + close?: any; + /** + * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} + */ + open?: any; + }; + items?: Array<{ + /** + * To specify the font color of the context menu items. 'gray' | '##666699' + */ + 'font-color'?: any; + fontColor?: any; + /** + * To display or remove the Save Image context menu item. true | false + */ + image?: boolean; + /** + * To display or remove the Lock/Unlock Scrolling context menu item. true | false + */ + lock?: boolean; + /** + * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} + */ + share?: any; + }>; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + } + interface contextMenuGui { + /** + * To fix the position of the context menu to one side of the chart. true | false + */ + docked?: boolean; + /** + * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 + */ + empty?: boolean; + /** + * To position the context menu button on the left or right side of the chart. left | right + */ + position?: string; + button?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the width of the object's border. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the object's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the object's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value + * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be + * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the bottom padding for the object's text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the left padding for the object's text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the right padding for the object's text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the top padding for the object's text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ + * t" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei + * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the context-menu button is visible or not. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + 'custom-items'?: Array<{ + /** + * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale + * rt(1)" | ... + */ + function?: string; + /** + * Sets the ID of the menu item. "myid" | "f1" | ... + */ + id?: string; + /** + * Sets the text for the menu item. "New Menu Item" | ... + */ + text?: string; + }>; + gear?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t + * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po + * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... + */ + type?: string; + /** + * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + item?: { + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} + */ + 'hover-state'?: any; + hoverState?: any; + }; + } + interface crosshairX { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + } + interface crosshairY { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: number; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + } + interface data { + globals?: globals; + graphset?: graphset[]; + gui?: gui; + history?: history; + refresh?: refresh; + } + interface guideLabel { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel + * low" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. "none" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and + * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." + */ + text?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface highlightMarker { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface highlightState { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + } + interface hoverMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface hoverState { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp + * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 + * | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface itemOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | .../p> + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + } + interface label { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Allows you to set the label's anchor position to the center of a chart. "c" + */ + anchor?: string; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over the label. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the + * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 + * 000" (timestamp) |... + */ + hook?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Prevents hooked labels from showing outside of the plotarea none | xy + */ + limit?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'callout-tip'?: calloutTip; + calloutTip?: calloutTip; + } + interface legendItem { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + angle?: number; + /** + * 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)"). Requires Legend. + * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f + * " | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re + * d yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See red text in upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te + * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri + * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires + * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- + * 10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe + * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r + * ight box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See + * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua + * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper + * right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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. For the text in the legend box. Requires Legend. Used only ins + * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th + * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text + * in upper right box. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in + * upper right box. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i + * n upper right box. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 + * 0 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. + * "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W + * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b + * ox. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right + * box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo + * x. Works with output canvas and svg. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe + * r right box. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w + * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... + */ + order?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. + * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat + * her than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra + * ther than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath + * er than Plot. See red text in upper right box. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa + * lse | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. For single item in Legend. Req + * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l + * imited effect on HTML5 implementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series + * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 + * | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se + * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " + * 6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather + * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa + * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie + * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px + * " | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl + * ot. See red text in upper right box. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in + * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used + * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r + * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside + * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid + * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash + * . true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface legendMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual + * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t + * o the left of the text in the upper right box. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef + * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on + * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe + * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind + * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se + * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh + * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl + * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c + * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u + * pper right box. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th + * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the + * left of the text in the upper right box. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than + * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le + * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require + * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 + * 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. + * See the shape to the left of the text in the upper right box. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left + * of the text in the upper right box. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in + * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef + * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface link { + /** + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. + */ + alpha?: any; + /** + * @description Sets the transparency level of area in chart. 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. + */ + alphaArea?: any; + /** + * @description Sets the transparency level of area in chart. 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. + */ + 'alpha-area'?: any; + /** + * @description Sets the rotation angle of the object. + */ + angle?: any; + /** + * @description Sets the end angle of a pie shape. + */ + angleEnd?: any; + /** + * @description Sets the end angle of a pie shape. + */ + 'angle-end'?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + angleStart?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + 'angle-start'?: any; + /** + * @description Sets the aspect of the chart. + */ + aspect?: string; + /** + * @description Clips the background image to the margins of the shape/box. + */ + backgroundClip?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + 'background-clip'?: any; + /** + * @description 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)") + */ + backgroundColor?: string; + /** + * @description 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)") + */ + 'background-color'?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + backgroundColor1?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + 'background-color-1'?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + backgroundColor2?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + 'background-color-2'?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + backgroundFit?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + 'background-fit'?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + backgroundImage?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + 'background-image'?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + backgroundPosition?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + 'background-position'?: string; + /** + * @description Sets the repeating mode for the background image. + */ + backgroundRepeat?: any; + /** + * @description Sets the repeating mode for the background image. + */ + 'background-repeat'?: any; + /** + * @description Scales the background image using the specified ratio. + */ + backgroundScale?: any; + /** + * @description Scales the background image using the specified ratio. + */ + 'background-scale'?: any; + /** + * @description Sets the border width of the object. Can be a single value or a string of values, setting + * the values in the order "top right bottom left" + */ + border?: any; + /** + * @description Sets the transparency level of the border on 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. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on 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. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. + */ + borderColor?: string; + /** + * @description Sets the border color of the object. + */ + 'border-color'?: string; + /** + * @description 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. + */ + borderRadius?: any; + /** + * @description 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. + */ + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + fastVectorPath?: any; + /** + * @description Set true to enable optimization for large data set when connecting two points. + */ + 'fast-vector-path'?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the id of the object. + */ + id?: string; + /** + * @description Sets the id or style of the item. + */ + item?: string; + /** + * @description Configures the object's label. + */ + label?: label; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + lineCap?: string; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + 'line-cap'?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + lineColor?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + 'line-color'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + lineGapSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. + */ + 'line-gap-size'?: any; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + lineJoin?: string; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + 'line-join'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + lineSegmentSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. + */ + 'line-segment-size'?: any; + /** + * @description Sets the line style of the object. + */ + lineStyle?: string; + /** + * @description Sets the line style of the object. + */ + 'line-style'?: string; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + lineWidth?: any; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + 'line-width'?: any; + /** + * @description Sets the map id of the map on which the object/shape is being added. + */ + map?: string; + /** + * @description Sets an R offset to apply when positioning the object. + */ + offsetR?: any; + /** + * @description Sets an R offset to apply when positioning the object. + */ + 'offset-r'?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + offsetX?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + 'offset-x'?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + offsetY?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + 'offset-y'?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + offsetZ?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + 'offset-z'?: any; + /** + * @description Sets the object's padding around the text. + */ + padding?: any; + /** + * @description Sets the coordinates of the object/shape points. + */ + points?: any[]; + /** + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. + */ + shadow?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + shadowAlpha?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + 'shadow-alpha'?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + shadowAngle?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + shadowBlur?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. + */ + shadowColor?: string; + /** + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. + */ + shadowDistance?: any; + /** + * @description Sets the distance between the shadow and the object. + */ + 'shadow-distance'?: any; + /** + * @description Sets the size of the object. + */ + size?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + size2?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + 'size-2'?: any; + /** + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. + */ + slice?: any; + /** + * @description Sets the target of the object. + */ + target?: string; + /** + * @description Configures the tooltip element, which appears when hovering over an object. + */ + tooltip?: tooltip; + /** + * @description Sets the type of the object. + */ + type?: string; + /** + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. + */ + url?: string; + /** + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. + */ + x?: any; + /** + * @description Sets the Y position of the object. + */ + y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; + } + interface minorGuide { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface minorTick { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 10 | '16px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface noData { + /** + * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig + * ht" + */ + align?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface node { + /** + * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. + */ + alpha?: any; + /** + * @description Sets the transparency level of area in chart. + */ + alphaArea?: any; + /** + * @description Sets the transparency level of area in chart. + */ + 'alpha-area'?: any; + /** + * @description Sets the rotation angle of the object. + */ + angle?: any; + /** + * @description Sets the end angle of a pie shape. + */ + angleEnd?: any; + /** + * @description Sets the end angle of a pie shape. + */ + 'angle-end'?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + angleStart?: any; + /** + * @description Sets the beginning angle of a pie shape. + */ + 'angle-start'?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + backgroundClip?: any; + /** + * @description Clips the background image to the margins of the shape/box. + */ + 'background-clip'?: any; + /** + * @description Sets the background color of the object. + */ + backgroundColor?: string; + /** + * @description Sets the background color of the object. + */ + 'background-color'?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + backgroundColor1?: string; + /** + * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. + */ + 'background-color-1'?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + backgroundColor2?: string; + /** + * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. + */ + 'background-color-2'?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + backgroundFit?: string; + /** + * @description Sets the direction/s on which the background image is being "stretched". + */ + 'background-fit'?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + backgroundImage?: string; + /** + * @description Sets a background image for the object. Value can be a local file or a web image's location. + */ + 'background-image'?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + backgroundPosition?: string; + /** + * @description Sets the position of the background when the background-repeat value is no-repeat. + */ + 'background-position'?: string; + /** + * @description Sets the repeating mode for the background image. + */ + backgroundRepeat?: any; + /** + * @description Sets the repeating mode for the background image. + */ + 'background-repeat'?: any; + /** + * @description Scales the background image using the specified ratio. + */ + backgroundScale?: any; + /** + * @description Scales the background image using the specified ratio. + */ + 'background-scale'?: any; + /** + * @description Sets the border width of the object. + */ + border?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + borderAlpha?: any; + /** + * @description Sets the transparency level of the border on the object. + */ + 'border-alpha'?: any; + /** + * @description Sets the border color of the object. + */ + borderColor?: string; + /** + * @description Sets the border color of the object. + */ + 'border-color'?: string; + /** + * @description Sets the object's border radius for rounded corners. + */ + borderRadius?: any; + /** + * @description Sets the object's border radius for rounded corners. + */ + 'border-radius'?: any; + /** + * @description Sets the border width of the object. + */ + borderWidth?: any; + /** + * @description Sets the border width of the object. + */ + 'border-width'?: any; + /** + * @description Sets a class value on the object. + */ + class?: string; + /** + * @description Sets the cursor shape when hovering over the object. + */ + cursor?: string; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data${string}`]: any; + /** + * @description Prefix attribute or array using "data-" to define a custom token. + */ + [key: `data-${string}`]: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + fillAngle?: any; + /** + * @description Sets the angle of the axis along which the linear gradient is drawn. + */ + 'fill-angle'?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + fillOffsetX?: any; + /** + * @description Sets an X offset to apply to the fill. + */ + 'fill-offset-x'?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + fillOffsetY?: any; + /** + * @description Sets a Y offset to apply to the fill. + */ + 'fill-offset-y'?: any; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + fillType?: string; + /** + * @description Sets the background gradient fill type to either linear or radial. + */ + 'fill-type'?: string; + /** + * @description Set to true disables the chart interactivity. + */ + flat?: any; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + gradientColors?: string; + /** + * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. + */ + 'gradient-colors'?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + gradientStops?: string; + /** + * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. + */ + 'gradient-stops'?: string; + /** + * @description Specifies the group the object is placed in. + */ + group?: any; + /** + * @description Sets the object's height. + */ + height?: any; + /** + * @description Sets the hover state styles of the object. + */ + hoverState?: hoverState; + /** + * @description Sets the hover state styles of the object. + */ + 'hover-state'?: hoverState; + /** + * @description Sets the id of the object. + */ + id?: string; + /** + * @description Sets the id or style of the item. + */ + item?: string; + /** + * @description Configures the object's label. + */ + label?: label; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + lineCap?: string; + /** + * @description Sets the stroke-linecap attribute on SVGs + */ + 'line-cap'?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + lineColor?: string; + /** + * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. + */ + 'line-color'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. + */ + lineGapSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. + */ + 'line-gap-size'?: any; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + lineJoin?: string; + /** + * @description Sets the stroke-linejoin attribute on SVGs + */ + 'line-join'?: string; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. + */ + lineSegmentSize?: any; + /** + * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. + */ + 'line-segment-size'?: any; + /** + * @description Sets the line style of the object. + */ + lineStyle?: string; + /** + * @description Sets the line style of the object. + */ + 'line-style'?: string; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + lineWidth?: any; + /** + * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. + */ + 'line-width'?: any; + /** + * @description Sets the map id of the map on which the object/shape is being added. + */ + map?: string; + /** + * @description Sets an R offset to apply when positioning the object. + */ + offsetR?: any; + /** + * @description Sets an R offset to apply when positioning the object. + */ + 'offset-r'?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + offsetX?: any; + /** + * @description Sets an x-offset to apply when positioning the object. + */ + 'offset-x'?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + offsetY?: any; + /** + * @description Sets a y-offset to apply when positioning the object. + */ + 'offset-y'?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + offsetZ?: any; + /** + * @description Sets a Z offset to apply when positioning the object. + */ + 'offset-z'?: any; + /** + * @description Sets the object's padding around the text. + */ + padding?: any; + /** + * @description Sets the coordinates of the object/shape points. + */ + points?: any[]; + /** + * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. + */ + shadow?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + shadowAlpha?: any; + /** + * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. + */ + 'shadow-alpha'?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + shadowAngle?: any; + /** + * @description Sets the angle of the shadow underneath the object. + */ + 'shadow-angle'?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + shadowBlur?: any; + /** + * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. + */ + 'shadow-blur'?: any; + /** + * @description Sets the color of the shadow of the object. + */ + shadowColor?: string; + /** + * @description Sets the color of the shadow of the object. + */ + 'shadow-color'?: string; + /** + * @description Sets the distance between the shadow and the object. + */ + shadowDistance?: any; + /** + * @description Sets the distance between the shadow and the object. + */ + 'shadow-distance'?: any; + /** + * @description Sets the size of the object. + */ + size?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + size2?: any; + /** + * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. + */ + 'size-2'?: any; + /** + * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. + */ + slice?: any; + /** + * @description Sets the target of the object. + */ + target?: string; + /** + * @description Configures the tooltip element, which appears when hovering over an object. + */ + tooltip?: tooltip; + /** + * @description Sets the type of the object. + */ + type?: string; + /** + * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. + */ + url?: string; + /** + * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. + */ + visible?: any; + /** + * @description Sets the object's width. + */ + width?: any; + /** + * @description Sets the X position of the object. + */ + x?: any; + /** + * @description Sets the Y position of the object. + */ + y?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + zIndex?: any; + /** + * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. + */ + 'z-index'?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + zSort?: any; + /** + * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. + */ + 'z-sort'?: any; + } + interface pageOff { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageOn { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: string; + /** + * Sets the first 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + } + interface pageStatus { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t + * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. "none" | "underline" | ... + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: string; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface plot { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + bandSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" + */ + 'bar-max-width'?: number; + barMaxWidth?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: any; + barWidth?: any; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect + * values through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * Certain plot to add in selection tool. + */ + 'data-append-selection'?: boolean; + dataAppendSelection?: boolean; + /** + * Certain plot to ignore in selection tool. + */ + 'data-ignore-selection'?: boolean; + dataIgnoreSelection?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * Turns off click on slices + */ + detached?: boolean; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or + * "highlight-marker" object(s), which allow for custom styling. + * Default Value: false + */ + hightlight?: boolean; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen + * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Pie Charts Only: Use this to transform the shape of the pie slices. + */ + 'pie-transformpieTransform'?: string; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows + * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which + * allow you specify the styling attributes you want applied. + * Accepted Values: ['none', 'plot', 'graph', 'multiple'] + */ + 'selection-mode'?: string; + selectionMode?: string; + /** + * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false + */ + 'smart-sampling'?: boolean; + smartSampling?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Hole size in middle of chart + */ + slice?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + animation?: { + '1'?: any; + '2'?: any; + '3'?: any; + '4'?: any; + '5'?: any; + '6'?: any; + '7'?: any; + '8'?: any; + '9'?: any; + '10'?: any; + '11'?: any; + '12'?: any; + '13'?: any; + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + 'on-legend-toggle'?: any; + onLegendToggle?: any; + /** + * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` + * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L + * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION + * _UNFOLD_VERTICAL` + */ + effect?: number; + method?: number; + sequence?: number; + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: Array<{}>; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" + */ + width?: number; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + highlight?: boolean; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: plotRules[]; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + tooltip?: tooltip; + trend?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + 'value-box'?: valueBox; + valueBox?: valueBox; + } + interface plotRules extends plot { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface plotLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going + * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty + * ling attributes. true | false | 1 | 0 + */ + multiple?: boolean; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface refLine { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + } + interface series { + /** + * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t + * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: + * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + */ + aspect?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c + * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . + * .. + */ + 'band-space'?: number; + bandSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" + */ + 'bar-space'?: number; + barSpace?: number; + /** + * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" + */ + 'bar-width'?: any; + barWidth?: any; + /** + * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" + */ + 'bars-overlap'?: number; + barsOverlap?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-left'?: number; + barsSpaceLeft?: number; + /** + * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + */ + 'bars-space-right'?: number; + barsSpaceRight?: number; + /** + * 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-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot + * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 + * | 0 + */ + 'contour-on-top'?: boolean; + contourOnTop?: boolean; + /** + * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va + * lues through a null data point. true | false | 1 | 0 + */ + 'connect-nulls'?: boolean; + connectNulls?: boolean; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost + * anywhere in a chart. "Some Text" | ... + */ + 'data-...'?: string; + /** + * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 + */ + 'data-dragging'?: boolean; + dataDragging?: boolean; + /** + * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... + */ + decimals?: number; + /** + * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | + * ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some + * Text" | ... + */ + description?: string; + /** + * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap + * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod + * es. true | false | 1 | 0 + */ + exact?: boolean; + /** + * This attribute sets the values to scientific notation true | false | 1 | 0 + */ + exponent?: boolean; + /** + * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se + * t individually within each value set. [45, 70, 60] + */ + goals?: any; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f + * 0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also + * be set. true | false | 1 | 0 + */ + 'group-selections'?: boolean; + groupSelections?: boolean; + /** + * Sets the ID of the object. "myid" | "f1" | ... + */ + id?: string; + /** + * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] + */ + join?: any; + /** + * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both + * a "text":" " and "legend-text":" " to each value set "Some Text" | ... + */ + 'legend-text'?: string; + legendText?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare + * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet + * ween each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm + * ent of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ + * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b + * e displayed. 5 | 10 | ... + */ + 'max-nodes'?: number; + maxNodes?: number; + /** + * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'max-ratio'?: number; + maxRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'max-size'?: number; + maxSize?: number; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + /** + * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + */ + 'mid-point'?: boolean; + midPoint?: boolean; + /** + * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + */ + 'min-ratio'?: number; + minRatio?: number; + /** + * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the + * same ratio with the value scale. 5 | 10 | ... + */ + 'min-size'?: number; + minSize?: number; + /** + * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + */ + monotone?: boolean; + /** + * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate + * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + */ + multiplier?: boolean; + /** + * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t + * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such + * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s + * eparately. "standard" | "currency" + */ + negation?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + */ + 'preview-state'?: any; + previewState?: any; + /** + * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t + * otal" | "chart-max" | "chart-total" + */ + reference?: string; + /** + * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i + * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. + * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli + * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. + * . + */ + 'sampling-step'?: number; + samplingStep?: number; + /** + * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + */ + scales?: string; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq + * rt" | "area" + */ + scaling?: string; + /** + * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren + * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu + * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling + * . 5 | 10 | ... + */ + 'scroll-step-multiplier'?: number; + scrollStepMultiplier?: number; + /** + * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m + * arkers only. true (default) | false + */ + 'segment-trackers'?: boolean; + segmentTrackers?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th + * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, + * etc" true | false | 1 | 0 + */ + short?: boolean; + /** + * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca + * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c + * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | + * "M" | "b" | "B" + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl + * y just visible. true | false | 1 | 0 + */ + 'show-zero'?: boolean; + showZero?: boolean; + /** + * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + /** + * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + */ + 'slice-start'?: number; + sliceStart?: number; + /** + * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked + * chart. 5 | 10 | ... + */ + stack?: number; + /** + * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + */ + stacked?: boolean; + /** + * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + */ + 'step-start'?: string; + stepStart?: string; + /** + * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + */ + target?: string; + /** + * Sets the thickness of pie3d charts. 5 | 10 | ... + */ + thickness?: number; + /** + * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, + * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d + * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens + * "Some Text" | ... + */ + 'tooltip-text'?: string; + tooltipText?: string; + /** + * Sets the type of the object/shape. + * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', + * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] + * Default Value: 'poly' + */ + type?: string; + /** + * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + */ + url?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the z-axis end point on 3d charts. 10 | "10px" | ... + */ + 'z-end'?: number; + zEnd?: number; + /** + * Sets the z-index of the series object + */ + 'z-index'?: number; + zIndex?: number; + /** + * Sets the z-axis start point on 3d charts. 10 | "10px" | ... + */ + 'z-start'?: number; + zStart?: number; + animation?: { + /** + * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... + */ + delay?: number; + /** + * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... + */ + effect?: number; + /** + * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... + */ + method?: number; + /** + * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re + * moving node). true (default) | false | 1 | 0 + */ + 'on-change'?: boolean; + onChange?: boolean; + /** + * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl + * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 + */ + 'on-legend-toggle'?: boolean; + onLegendToggle?: boolean; + /** + * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... + */ + sequence?: number; + /** + * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... + */ + speed?: number; + }; + 'background-marker'?: backgroundMarker; + backgroundMarker?: backgroundMarker; + 'background-state'?: backgroundState; + backgroundState?: backgroundState; + error?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + }; + errors?: Array<{}>; + goal?: { + /** + * 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 comp + * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: any; + backgroundColor?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: any; + borderColor?: any; + /** + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the height of the object. 10 | "20px" + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + }; + 'guide-label'?: guideLabel; + guideLabel?: guideLabel; + 'highlight-marker'?: highlightMarker; + highlightMarker?: highlightMarker; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + 'hover-marker'?: hoverMarker; + hoverMarker?: hoverMarker; + 'hover-state'?: hoverState; + hoverState?: hoverState; + 'legend-item'?: legendItem; + legendItem?: legendItem; + 'legend-marker'?: legendMarker; + legendMarker?: legendMarker; + marker?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 + * | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " + * rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet + * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be + * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between + * the lines. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin + * es. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" + * | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " + * repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. + * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the text's font size of the marker. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans + * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + 'alpha-area'?: number; + alphaArea?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 2 | 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" + */ + type?: string; + }; + rules?: Array<{ + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + }>; + 'selected-marker'?: selectedMarker; + selectedMarker?: selectedMarker; + 'selected-state'?: selectedState; + selectedState?: selectedState; + text?: string; + tooltip?: tooltip; + 'trend-down'?: trendDown; + trendDown?: trendDown; + 'trend-equal'?: trendEqual; + trendEqual?: trendEqual; + 'trend-up'?: trendUp; + trendUp?: trendUp; + 'value-box'?: valueBox; + valueBox?: valueBox; + values?: any; + } + interface scaleK { + /** + * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de + * fault) | 'circle' + */ + aspect?: string; + /** + * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-k. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m + * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the k-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: Array<{ /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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)" | ... + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ 'border-width'?: any; borderWidth?: any; + }>; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleLabel { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. + * true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" + * | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | + * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | + * "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t + * rue | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + } + interface scaleR { + /** + * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, + * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... + */ + labels?: any; + /** + * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... + */ + values?: any; + center?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the size of the pivot point. 4 | "6px" | ... + */ + size?: number; + /** + * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... + */ + type?: string; + /** + * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + /** + * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: number; + }; + guide?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. 'auto' | 30 | 90 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... + */ + offsetR?: number; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the visibility of the object. + */ + visible?: boolean; + }; + markers?: Array<{ + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an ending offset for the scale marker. 0.1 | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets a starting offset for the scale marker. 0.5 | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m + * arkers. [60] | [20,40] | ... + */ + range?: any; + /** + * Sets the scale marker type: area or line. 'area' | 'line' + */ + type?: string; + label?: { /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - y?: any; - } - - interface backgroundState { + alpha?: number; /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ angle?: number; /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - } - interface calloutTip { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape type of the object. "circle" | "diamond" | "cross" | "arrow" - */ - type?: string; - } - interface contextMenu { - button?: { - /** - * To style the closing context menu button. Use the lineColor attribute to specify the button color. {...} - */ - close?: any; - /** - * To style the opening context menu button. Use the lineColor attribute to specify the button color. {...} - */ - open?: any; - }; - items?: Array<{ - /** - * To specify the font color of the context menu items. 'gray' | '##666699' - */ - 'font-color'?: any; - fontColor?: any; - /** - * To display or remove the Save Image context menu item. true | false - */ - image?: boolean; - /** - * To display or remove the Lock/Unlock Scrolling context menu item. true | false - */ - lock?: boolean; - /** - * Use the object to display or remove individual Share Image context menu items: email, facebook, twitter, and linkedin. {...} - */ - share?: any; - }>; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - } - interface contextMenuGui { - /** - * To fix the position of the context menu to one side of the chart. true | false - */ - docked?: boolean; - /** - * Empties all default context-menu items, leaving just the "About ZingChart" button. true | false | 1 | 0 - */ - empty?: boolean; - /** - * To position the context menu button on the left or right side of the chart. left | right - */ - position?: string; - button?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. A single color will create a solid background, while two colors will create a gradient. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the width of the object's border. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the object's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the object's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the object's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the object's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the object's text. Up to four values can be used to set the padding around the text, with the first value - * being the top padding, the second value being the right padding, the third value being the bottom padding, and the fourth value be - * ing the left padding. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the bottom padding for the object's text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the left padding for the object's text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the right padding for the object's text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the top padding for the object's text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the horizontal alignment for the object's text. Horizontal alignment can be left, center, or right. "left" | "center" | "righ - * t" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the object's text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 bei - * ng completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the context-menu button is visible or not. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu gear object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - 'custom-items'?: Array<{ - /** - * Sets a JavaScript function/portion of code that will be executed when the respective menu item is selected. "doSomething()" | "ale - * rt(1)" | ... - */ - function?: string; - /** - * Sets the ID of the menu item. "myid" | "f1" | ... - */ - id?: string; - /** - * Sets the text for the menu item. "New Menu Item" | ... - */ - text?: string; - }>; - gear?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of icon displayed on mobile devices to tap to bring up the drop-down menu. gear4 can be specified, this means that t - * he gear icon shown will have four sprockets protruding from it. Gears can range from 3-9. star4 has 4 points, while star9 has 9 po - * ints. Stars can range from 3-9 also. "gear4" | "gear9" | "star4" | "star9" | ... - */ - type?: string; - /** - * Sets the X position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. The context-menu button object must be positioned separately. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - item?: { - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets how the context menu item appears when a user hovers over it. Use the backgroundColor and fontColor attributes. {...} - */ - 'hover-state'?: any; - hoverState?: any; - }; - } - interface crosshairX { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - } - interface crosshairY { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - } - interface guideLabel { - /** - * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "#f00" | "#f00 #00f" | "red yel - * low" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object. "none" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. "none" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the crosshair plot label text to be displayed for that series. You can provide any combination of alphanumeric characters and - * /or ZingChart tokens. "%v widgets" | "Top Sales: %v" | "$%v" | "%v %t" | "..." - */ - text?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface highlightMarker { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - } - interface highlightState { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - } - interface hoverMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface hoverState { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Charts Only: Sets the transparency level of the area below a line. Values must range between 0.0 and 1.0, with 0.0 being comp - * letely transparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 - * | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface itemOff { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | .../p> - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - } - - interface label { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Allows you to set the label's anchor position to the center of a chart. "c" - */ - anchor?: string; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over the label. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Hooks the label to a specific node or scale index. The plot value refers to the index of a series object, and index refers to the - * specific value within that series. "node:index=4" | "node:plot=0,index=1" | "scale:name=scale-y,index=3" | "scale:value=1420501300 - * 000" (timestamp) |... - */ - hook?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Prevents hooked labels from showing outside of the plotarea none | xy - */ - limit?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - 'callout-tip'?: calloutTip; - calloutTip?: calloutTip; - } - interface legendItem { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See red text in upper right box. Works with output flash. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - angle?: number; - /** - * 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)"). Requires Legend. - * Used only inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f - * " | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "re - * d yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See red text in upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See red te - * xt in upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual seri - * es rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. Requires - * Legend. Used only inside individual series rather than Plot. See red text in upper right box. 4 | "6px" | "6px 10px 3px 5px" | "- - * 10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. Requires Legend. Used only inside individual series rathe - * r than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object. Requires Legend. Used only inside individual series rather than Plot. See red text in upper r - * ight box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. Requires Legend. Used only inside individual series rather than Plot. See - * red text in upper right box. Works with output canvas and svg. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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.. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. Requires Legend. Used only inside individua - * l series rather than Plot. See red text in upper right box. Works with output canvas and svg. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the color of the text in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. Works with output canvas and svg. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See red text in upper - * right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See red text in upper right box. Works with output canvas and svg. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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. For the text in the legend box. Requires Legend. Used only ins - * ide individual series rather than Plot. See red text in upper right box. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the font color of the text in the legend box. Works like color. Requires Legend. Used only inside individual series rather th - * an Plot. See red text in upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text - * in upper right box. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text in - * upper right box. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style in the legend box. Requires Legend. Used only inside individual series rather than Plot. See red text i - * n upper right box. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight in the legend box. Similar to bold. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. "#f0 - * 0 #0f0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output canvas and svg. - * "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. W - * orks with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. For the legend box. Similar to font-style. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the object's margins. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * Works with output canvas and svg. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right b - * ox. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right - * box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right bo - * x. Works with output canvas and svg. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." Requires Legend. Used only inside individual series rather than Plot. See red text in uppe - * r right box. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works w - * ith output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See red text in upper right box. Works with output canvas and svg. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * To specify the order of the legend items in the legend. 1 | 2 | 3 | 4 | ... - */ - order?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. Requires Legend. Used only inside individual series rather than Plot. See red text in upper right box. - * 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rat - * her than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. For single item in Legend. Requires Legend. Used only inside individual series ra - * ther than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. For single item in Legend. Requires Legend. Used only inside individual series rath - * er than Plot. See red text in upper right box. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. true | fa - * lse | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. For single item in Legend. Req - * uires Legend. Used only inside individual series rather than Plot. See red text in upper right box. Works with output flash. Has l - * imited effect on HTML5 implementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. For single item in Legend. Requires Legend. Used only inside individual series - * rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. -45 | 115 - * | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual se - * ries rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | " - * 6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. For single item in Legend. Requires Legend. Used only inside individual series rather - * than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. "none" | "transpa - * rent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. For single item in Legend. Requires Legend. Used only inside individual serie - * s rather than Plot. See red text in upper right box. Works with output flash. Has limited effect on HTML5 implementation. 4 | "6px - * " | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the text content of the object. For single item in Legend. Requires Legend. Used only inside individual series rather than Pl - * ot. See red text in upper right box. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. For single item in Legend. Requires Legend. Used only inside in - * dividual series rather than Plot. See red text in upper right box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. For single item in Legend. Requires Legend. Used - * only inside individual series rather than Plot. See red text in upper right box. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For single item in Legend. Requires Legend. Used only inside individual series r - * ather than Plot. See red text in upper right box. Use output canvas or flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For single item in Legend. Requires Legend. Used only inside - * individual series rather than Plot. See red text in upper right box. Use output canvas or flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. For single item in Legend. Requires Legend. Used only insid - * e individual series rather than Plot. See red text in upper right box. Use output canvas or flash. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. See red text in upper right box. Use output canvas or flash - * . true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface legendMarker { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. Requires Legend. Used only inside individual - * series rather than Plot. See the shape to the left of the text in the upper right box. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape t - * o the left of the text in the upper right box. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the background color of the object. For the shape to the left of the Legend text. 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)"). Requires Legend. Used only inside individual series rather than Plot. See the orange shape to the lef - * t of the text in the upper right box. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Requires Legend. Used on - * ly inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Requires Legend. Used only inside individual series rathe - * r than Plot. See the shape to the left of the text in the upper right box. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. Requires Legend. Used only inside ind - * ividual series rather than Plot. See the shape to the left of the text in the upper right box. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. Requires Legend. Used only inside individual se - * ries rather than Plot. See the shape to the left of the text in the upper right box. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. Requires Legend. Used only inside individual series rather than Plot. See the sh - * ape to the left of the text in the upper right box. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Requires Legend. Used onl - * y inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. See also line-color for c - * losed shapes. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the u - * pper right box. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. Requires Legend. Used only inside individual series rather th - * an Plot. See the shape to the left of the text in the upper right box. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. Requires Legend. Used only inside individual series rather than Plot. See the shape to the - * left of the text in the upper right box. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. Requires Legend. Used only inside individual series rather than - * Plot. See the shape to the left of the text in the upper right box. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Requires Le - * gend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Require - * s Legend. Used only inside individual series rather than Plot. See the shape to the left of the text in the upper right box. "0.1 - * 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. Requires Legend. Used only inside individual series rather than Plot. - * See the shape to the left of the text in the upper right box. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the size of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. Requires Legend. Used only inside individual series rather than Plot. See the shape to the left - * of the text in the upper right box. "pie" | "circle" | "star5" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Requires Legend. Used only in - * side individual series rather than Plot. See the shapes to the left of the text in the upper right box. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. Requires Legend. Used only inside individual series rather than Plot. See the shapes to the lef - * t of the text in the upper right box. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface link { - /** - * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. - */ - alpha?: any; - /** - * @description Sets the transparency level of area in chart. 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. - */ - alphaArea?: any; - /** - * @description Sets the transparency level of area in chart. 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. - */ - 'alpha-area'?: any; - /** - * @description Sets the rotation angle of the object. - */ - angle?: any; - /** - * @description Sets the end angle of a pie shape. - */ - angleEnd?: any; - /** - * @description Sets the end angle of a pie shape. - */ - 'angle-end'?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - angleStart?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - 'angle-start'?: any; - /** - * @description Sets the aspect of the chart. - */ - aspect?: string; - /** - * @description Clips the background image to the margins of the shape/box. - */ - backgroundClip?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - 'background-clip'?: any; - /** - * @description 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)") - */ - backgroundColor?: string; - /** - * @description 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)") - */ - 'background-color'?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - backgroundColor1?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - 'background-color-1'?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - backgroundColor2?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - 'background-color-2'?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - backgroundFit?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - 'background-fit'?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - backgroundImage?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - 'background-image'?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - backgroundPosition?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - 'background-position'?: string; - /** - * @description Sets the repeating mode for the background image. - */ - backgroundRepeat?: any; - /** - * @description Sets the repeating mode for the background image. - */ - 'background-repeat'?: any; - /** - * @description Scales the background image using the specified ratio. - */ - backgroundScale?: any; - /** - * @description Scales the background image using the specified ratio. - */ - 'background-scale'?: any; - /** - * @description Sets the border width of the object. Can be a single value or a string of values, setting - * the values in the order "top right bottom left" - */ - border?: any; - /** - * @description Sets the transparency level of the border on 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. - */ - borderAlpha?: any; - /** - * @description Sets the transparency level of the border on 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. - */ - 'border-alpha'?: any; - /** - * @description Sets the border color of the object. - */ - borderColor?: string; - /** - * @description Sets the border color of the object. - */ - 'border-color'?: string; - /** - * @description 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. - */ - borderRadius?: any; - /** - * @description 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. - */ - 'border-radius'?: any; - /** - * @description Sets the border width of the object. - */ - borderWidth?: any; - /** - * @description Sets the border width of the object. - */ - 'border-width'?: any; - /** - * @description Sets a class value on the object. - */ - class?: string; - /** - * @description Sets the cursor shape when hovering over the object. - */ - cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; - /** - * @description Set true to enable optimization for large data set when connecting two points. - */ - fastVectorPath?: any; - /** - * @description Set true to enable optimization for large data set when connecting two points. - */ - 'fast-vector-path'?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - fillAngle?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - 'fill-angle'?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - fillOffsetX?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - 'fill-offset-x'?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - fillOffsetY?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - 'fill-offset-y'?: any; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - fillType?: string; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - 'fill-type'?: string; - /** - * @description Set to true disables the chart interactivity. - */ - flat?: any; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - gradientColors?: string; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - 'gradient-colors'?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - gradientStops?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - 'gradient-stops'?: string; - /** - * @description Specifies the group the object is placed in. - */ - group?: any; - /** - * @description Sets the object's height. - */ - height?: any; - /** - * @description Sets the id of the object. - */ - id?: string; - /** - * @description Sets the id or style of the item. - */ - item?: string; - /** - * @description Configures the object's label. - */ - label?: label; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - lineCap?: string; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - 'line-cap'?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - lineColor?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - 'line-color'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. - */ - lineGapSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment. - */ - 'line-gap-size'?: any; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - lineJoin?: string; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - 'line-join'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. - */ - lineSegmentSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line. - */ - 'line-segment-size'?: any; - /** - * @description Sets the line style of the object. - */ - lineStyle?: string; - /** - * @description Sets the line style of the object. - */ - 'line-style'?: string; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - lineWidth?: any; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - 'line-width'?: any; - /** - * @description Sets the map id of the map on which the object/shape is being added. - */ - map?: string; - /** - * @description Sets an R offset to apply when positioning the object. - */ - offsetR?: any; - /** - * @description Sets an R offset to apply when positioning the object. - */ - 'offset-r'?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - offsetX?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - 'offset-x'?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - offsetY?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - 'offset-y'?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - offsetZ?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - 'offset-z'?: any; - /** - * @description Sets the object's padding around the text. - */ - padding?: any; - /** - * @description Sets the coordinates of the object/shape points. - */ - points?: any[]; - /** - * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. - */ - shadow?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - shadowAlpha?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - 'shadow-alpha'?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - shadowAngle?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - 'shadow-angle'?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - shadowBlur?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - 'shadow-blur'?: any; - /** - * @description Sets the color of the shadow of the object. - */ - shadowColor?: string; - /** - * @description Sets the color of the shadow of the object. - */ - 'shadow-color'?: string; - /** - * @description Sets the distance between the shadow and the object. - */ - shadowDistance?: any; - /** - * @description Sets the distance between the shadow and the object. - */ - 'shadow-distance'?: any; - /** - * @description Sets the size of the object. - */ - size?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - size2?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - 'size-2'?: any; - /** - * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. - */ - slice?: any; - /** - * @description Sets the target of the object. - */ - target?: string; - /** - * @description Configures the tooltip element, which appears when hovering over an object. - */ - tooltip?: tooltip; - /** - * @description Sets the type of the object. - */ - type?: string; - /** - * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. - */ - url?: string; - /** - * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. - */ - visible?: any; - /** - * @description Sets the object's width. - */ - width?: any; - /** - * @description Sets the X position of the object. - */ - x?: any; - /** - * @description Sets the Y position of the object. - */ - y?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - zIndex?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - 'z-index'?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - zSort?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - 'z-sort'?: any; - } - interface minorGuide { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface minorTick { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the red lines across the bottom between the ticks. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 10 | '16px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - } - interface noData { - /** - * Sets the text's horizontal alignment to one of the three applicable values, relative to the object's box. "left" | "center" | "rig - * ht" - */ - align?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - } - interface node { - /** - * @description Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. - */ - alpha?: any; - /** - * @description Sets the transparency level of area in chart. - */ - alphaArea?: any; - /** - * @description Sets the transparency level of area in chart. - */ - 'alpha-area'?: any; - /** - * @description Sets the rotation angle of the object. - */ - angle?: any; - /** - * @description Sets the end angle of a pie shape. - */ - angleEnd?: any; - /** - * @description Sets the end angle of a pie shape. - */ - 'angle-end'?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - angleStart?: any; - /** - * @description Sets the beginning angle of a pie shape. - */ - 'angle-start'?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - backgroundClip?: any; - /** - * @description Clips the background image to the margins of the shape/box. - */ - 'background-clip'?: any; - /** - * @description Sets the background color of the object. - */ - backgroundColor?: string; - /** - * @description Sets the background color of the object. - */ - 'background-color'?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - backgroundColor1?: string; - /** - * @description Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. - */ - 'background-color-1'?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - backgroundColor2?: string; - /** - * @description Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. - */ - 'background-color-2'?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - backgroundFit?: string; - /** - * @description Sets the direction/s on which the background image is being "stretched". - */ - 'background-fit'?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - backgroundImage?: string; - /** - * @description Sets a background image for the object. Value can be a local file or a web image's location. - */ - 'background-image'?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - backgroundPosition?: string; - /** - * @description Sets the position of the background when the background-repeat value is no-repeat. - */ - 'background-position'?: string; - /** - * @description Sets the repeating mode for the background image. - */ - backgroundRepeat?: any; - /** - * @description Sets the repeating mode for the background image. - */ - 'background-repeat'?: any; - /** - * @description Scales the background image using the specified ratio. - */ - backgroundScale?: any; - /** - * @description Scales the background image using the specified ratio. - */ - 'background-scale'?: any; - /** - * @description Sets the border width of the object. - */ - border?: any; - /** - * @description Sets the transparency level of the border on the object. - */ - borderAlpha?: any; - /** - * @description Sets the transparency level of the border on the object. - */ - 'border-alpha'?: any; - /** - * @description Sets the border color of the object. - */ - borderColor?: string; - /** - * @description Sets the border color of the object. - */ - 'border-color'?: string; - /** - * @description Sets the object's border radius for rounded corners. - */ - borderRadius?: any; - /** - * @description Sets the object's border radius for rounded corners. - */ - 'border-radius'?: any; - /** - * @description Sets the border width of the object. - */ - borderWidth?: any; - /** - * @description Sets the border width of the object. - */ - 'border-width'?: any; - /** - * @description Sets a class value on the object. - */ - class?: string; - /** - * @description Sets the cursor shape when hovering over the object. - */ - cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - fillAngle?: any; - /** - * @description Sets the angle of the axis along which the linear gradient is drawn. - */ - 'fill-angle'?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - fillOffsetX?: any; - /** - * @description Sets an X offset to apply to the fill. - */ - 'fill-offset-x'?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - fillOffsetY?: any; - /** - * @description Sets a Y offset to apply to the fill. - */ - 'fill-offset-y'?: any; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - fillType?: string; - /** - * @description Sets the background gradient fill type to either linear or radial. - */ - 'fill-type'?: string; - /** - * @description Set to true disables the chart interactivity. - */ - flat?: any; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - gradientColors?: string; - /** - * @description Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. - */ - 'gradient-colors'?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - gradientStops?: string; - /** - * @description Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. - */ - 'gradient-stops'?: string; - /** - * @description Specifies the group the object is placed in. - */ - group?: any; - /** - * @description Sets the object's height. - */ - height?: any; - /** - * @description Sets the hover state styles of the object. - */ - hoverState?: hoverState; - /** - * @description Sets the hover state styles of the object. - */ - 'hover-state'?: hoverState; - /** - * @description Sets the id of the object. - */ - id?: string; - /** - * @description Sets the id or style of the item. - */ - item?: string; - /** - * @description Configures the object's label. - */ - label?: label; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - lineCap?: string; - /** - * @description Sets the stroke-linecap attribute on SVGs - */ - 'line-cap'?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - lineColor?: string; - /** - * @description Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. - */ - 'line-color'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. - */ - lineGapSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-segment-size. - */ - 'line-gap-size'?: any; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - lineJoin?: string; - /** - * @description Sets the stroke-linejoin attribute on SVGs - */ - 'line-join'?: string; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. - */ - lineSegmentSize?: any; - /** - * @description Can be used to create custom dashed or dotted lines when used with line-gap-size. - */ - 'line-segment-size'?: any; - /** - * @description Sets the line style of the object. - */ - lineStyle?: string; - /** - * @description Sets the line style of the object. - */ - 'line-style'?: string; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - lineWidth?: any; - /** - * @description Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. - */ - 'line-width'?: any; - /** - * @description Sets the map id of the map on which the object/shape is being added. - */ - map?: string; - /** - * @description Sets an R offset to apply when positioning the object. - */ - offsetR?: any; - /** - * @description Sets an R offset to apply when positioning the object. - */ - 'offset-r'?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - offsetX?: any; - /** - * @description Sets an x-offset to apply when positioning the object. - */ - 'offset-x'?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - offsetY?: any; - /** - * @description Sets a y-offset to apply when positioning the object. - */ - 'offset-y'?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - offsetZ?: any; - /** - * @description Sets a Z offset to apply when positioning the object. - */ - 'offset-z'?: any; - /** - * @description Sets the object's padding around the text. - */ - padding?: any; - /** - * @description Sets the coordinates of the object/shape points. - */ - points?: any[]; - /** - * @description Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. - */ - shadow?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - shadowAlpha?: any; - /** - * @description Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. - */ - 'shadow-alpha'?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - shadowAngle?: any; - /** - * @description Sets the angle of the shadow underneath the object. - */ - 'shadow-angle'?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - shadowBlur?: any; - /** - * @description Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. - */ - 'shadow-blur'?: any; - /** - * @description Sets the color of the shadow of the object. - */ - shadowColor?: string; - /** - * @description Sets the color of the shadow of the object. - */ - 'shadow-color'?: string; - /** - * @description Sets the distance between the shadow and the object. - */ - shadowDistance?: any; - /** - * @description Sets the distance between the shadow and the object. - */ - 'shadow-distance'?: any; - /** - * @description Sets the size of the object. - */ - size?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - size2?: any; - /** - * @description Sets the secondary size of the object. Used on ellipses or rectangle shapes. - */ - 'size-2'?: any; - /** - * @description Sets the radius of the ring in chart. Accepts percentage or pixel value. - */ - slice?: any; - /** - * @description Sets the target of the object. - */ - target?: string; - /** - * @description Configures the tooltip element, which appears when hovering over an object. - */ - tooltip?: tooltip; - /** - * @description Sets the type of the object. - */ - type?: string; - /** - * @description Sets an URL associated with this object. Used mostly on nodes/labels/shapes with their associated click events. - */ - url?: string; - /** - * @description Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. - */ - visible?: any; - /** - * @description Sets the object's width. - */ - width?: any; - /** - * @description Sets the X position of the object. - */ - x?: any; - /** - * @description Sets the Y position of the object. - */ - y?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - zIndex?: any; - /** - * @description Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. - */ - 'z-index'?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - zSort?: any; - /** - * @description Used to force the sorting of the active areas (which trigger the tooltip) of two shapes in case they overlap. - */ - 'z-sort'?: any; - } - interface pageOff { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface pageOn { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: string; - /** - * Sets the first 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets an Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - } - interface pageStatus { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text in the legend box if width is set. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets whether the text is displayed with bold characters or not. "#f00" | "rgb(100,15,15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "#f00" | "blue" | "rgb(100,15,15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. ""Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" | ... - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" | ... - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, starting with t - * he top and going clockwise. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" | ... - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. "none" | "underline" | ... - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: string; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "Middle" | "Bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface plotRules extends plot { - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - } - interface plot { - /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... - */ - aspect?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the max width of bars. "10" | "10%" | "10px" - */ - 'bar-max-width'?: number; - barMaxWidth?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: any; - barWidth?: any; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" - */ - 'bars-space-right'?: number; - barsSpaceRight?: number; - /** - * 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-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connected-nulls to true will connect - * values through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * Certain plot to add in selection tool. - */ - 'data-append-selection'?: boolean; - dataAppendSelection?: boolean; - /** - * Certain plot to ignore in selection tool. - */ - 'data-ignore-selection'?: boolean; - dataIgnoreSelection?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... - */ - description?: string; - /** - * Turns off click on slices - */ - detached?: boolean; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; - /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... - */ - exponentDecimals?: number; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * When set to true, it highlights the corresponding series when the user hovers over it in the legend. Note: This attribute may be used in conjunction with the "highlight-state" and/or - * "highlight-marker" object(s), which allow for custom styling. - * Default Value: false - */ - hightlight?: boolean; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color"for closed shapes. "none" | "transparen - * t" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... - */ - 'max-nodes'?: number; - maxNodes?: number; - /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'max-ratio'?: number; - maxRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'max-size'?: number; - maxSize?: number; - /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 - */ - 'mid-point'?: boolean; - midPoint?: boolean; - /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... - */ - 'min-ratio'?: number; - minRatio?: number; - /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... - */ - 'min-size'?: number; - minSize?: number; - /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 - */ - monotone?: boolean; - /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 - */ - multiplier?: boolean; - /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" - */ - negation?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Pie Charts Only: Use this to transform the shape of the pie slices. - */ - 'pie-transformpieTransform'?: string; - /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" - */ - reference?: string; - /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . - */ - 'sampling-step'?: number; - samplingStep?: number; - /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... - */ - scales?: string; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" - */ - scaling?: string; - /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... - */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; - /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false - */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; - /** - * To set how data points are selected on a chart. 'none' (default) prevents any selection. 'plot' allows you to select one node (or data point) per series (or dataset). 'graph' allows - * you to select one node per chart. 'multiple' allows you to select as many nodes as you want. Note: Use this attribute with the selected-state and/or selected-marker object(s), which - * allow you specify the styling attributes you want applied. - * Accepted Values: ['none', 'plot', 'graph', 'multiple'] - */ - 'selection-mode'?: string; - selectionMode?: string; - /** - * A boolean to smart sample and render data at a sampled size. Used in conjuction with exact:false true | false - */ - 'smart-sampling'?: boolean; - smartSampling?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 - */ - short?: boolean; - /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 - */ - 'show-zero'?: boolean; - showZero?: boolean; - /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - /** - * Hole size in middle of chart - */ - slice?: number; - /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... - */ - 'slice-start'?: number; - sliceStart?: number; - /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... - */ - stack?: number; - /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 - */ - stacked?: boolean; - /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" - */ - 'step-start'?: string; - stepStart?: string; - /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... - */ - target?: string; - /** - * Sets the thickness of pie3d charts. 5 | 10 | ... - */ - thickness?: number; - /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... - */ - 'tooltip-text'?: string; - tooltipText?: string; - /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... - */ - url?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - animation?: { - '1'?: any; - '2'?: any; - '3'?: any; - '4'?: any; - '5'?: any; - '6'?: any; - '7'?: any; - '8'?: any; - '9'?: any; - '10'?: any; - '11'?: any; - '12'?: any; - '13'?: any; - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - 'on-legend-toggle'?: any; - onLegendToggle?: any; - /** - * Sets the animation effect. Numeric Code String Name 1 `ANIMGATION_FADE_IN` 2 `ANIMATION_EXPAND_VERTICAL` 3 `ANIMATION_EXPAND_TOP` - * 4 `ANIMATION_EXPAND_BOTTOM` 5 `ANIMGATION_FADE_IN` 6 `ANIMATION_EXPAND_RIGHT` 7 `ANIMATION_EXPAND_HORIZONTAL` 8 `ANIMATION_SLIDE_L - * EFT` 9 `ANIMATION_SLIDE_RIGHT` 10 `ANIMATION_SLIDE_TOP` 11 `ANIMATION_SLIDE_BOTTOM` 12 `ANIMATION_UNFOLD_HORIZONTAL` 13 `ANIMATION - * _UNFOLD_VERTICAL` - */ - effect?: number; - method?: number; - sequence?: number; - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: Array<{}>; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Only applies to Horizontal Bar Charts: Sets the width of the object. 10 | "20px" - */ - width?: number; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - highlight?: boolean; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: plotRules[]; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - tooltip?: tooltip; - trend?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - }; - 'value-box'?: valueBox; - valueBox?: valueBox; - } - interface plotLabel { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Clips text that runs longer than the width of the parent object. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * To separate the plot labels so that a label appears for each series. You can assign unique text and styling to each label by going - * to the "series" array. In each series object, create a "guide-label"object, where you can place your series-specific text and sty - * ling attributes. true | false | 1 | 0 - */ - multiple?: boolean; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface refLine { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. See the space between orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. See the length of the pieces of the orange bar. Works for output canvas and svg. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - } - interface scaleK { - /** - * On a radar chart, the “aspect” attribute allows you to change the chart’s shape from star/spider (default) to circular. 'star' (de - * fault) | 'circle' - */ - aspect?: string; - /** - * Allows you to set the format for your scale-k values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-k. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-k. E.g., for “values”: “0:330:30”, 0 is the minimum, 330 is the m - * aximum, and 30 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the k-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: tooltip; - } - interface scaleLabel { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text of the scale label is displayed with bold characters or not. To see this, hover over the axis to the bottom. - * true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'border-alpha'?: number; - borderAlpha?: number; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. "none" | "transparent" | "#f00" | "#f00 #00f" - * | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the crosshair xy label when you hover over the graph items. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the crosshair xy label when you hover over the graph items. Similar with color. "none" | "transparent" | - * "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the crosshair xy label when you hover over the graph items. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the crosshair xy label when you hover over the graph items. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the crosshair xy label when you hover over the graph items. Similar with italic. "none" | "italic" | - * "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the crosshair xy label when you hover over the graph items. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the crosshair xy label when you hover over the graph items is displayed with italic characters or not . t - * rue | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * X-Axis Crosshair Scale Labels Only: Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - } - interface scaleR { - /** - * Gauge Charts Only: To set custom labels that correspond to each tick mark on the scale. If there are more tick marks than labels, - * the default scale values will be used for the remaining labels. ['A', 'B', 'C', 'D', 'E'] | ... - */ - labels?: any; - /** - * Gauge Charts Only: To set the number of minor tick marks displayed between the major tick marks. 9 | 5 | 2 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... - */ - values?: any; - center?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the pivot point. 4 | "6px" | ... - */ - size?: number; - /** - * Sets the shape of the pivot point. 'circle' | 'diamond' | 'star5' | 'gear9' | ... - */ - type?: string; - /** - * Sets the x-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - /** - * Sets the y-coordinate position of the pivot point. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: number; - }; - guide?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the visibility of the object. - */ - visible?: boolean; - }; - markers?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an ending offset for the scale marker. 0.1 | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets a starting offset for the scale marker. 0.5 | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets the range of the scale marker. Provide one value for line scale markers and two values (starting and ending) for area scale m - * arkers. [60] | [20,40] | ... - */ - range?: any; - /** - * Sets the scale marker type: area or line. 'area' | 'line' - */ - type?: string; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - - * 20 | 30 | ... - */ - offsetR?: number; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - ring?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - }>; - }; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line 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)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 30 | '40px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - } - interface scaleV { - /** - * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values - * ), e.g., “%v°” or “Variable %v”. 'Value: %v' - */ - format?: string; - /** - * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v - * alues will be used for the remaining labels. [...] - */ - labels?: any; - /** - * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m - * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... - */ - values?: any; - /** - * Used to hide the v-axis. true | false - */ - visible?: boolean; - guide?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 1 | 3 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - }>; - }; - item?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. -45 | 30 | 120 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding of the object 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - }; - 'ref-line'?: refLine; - refLine?: refLine; - tick?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | '6px' | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the placement of the object. 'outer' | 'inner' | 'cross' - */ - placement?: string; - /** - * Sets the size of the object. 4 | '6px' | ... - */ - size?: number; - /** - * Sets the visibility of the object. true | false - */ - visible?: boolean; - }; - tooltip?: tooltip; - } - interface scaleX { - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - itemsOverlap?: boolean; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... - */ - 'exponent-decimals'?: number; - exponentDecimals?: number; - /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' - */ - layout?: string; - /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... - */ - 'log-base'?: any; - logBase?: any; - /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | '6px' | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | '6px' | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | '6px' | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | '6px' | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... - */ - 'max-labels'?: number; - maxLabels?: number; - /** - * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... - */ - 'max-value'?: number; - maxValue?: number; - /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... - */ - 'min-value'?: number; - minValue?: number; - /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... - */ - 'minor-ticks'?: number; - minorTicks?: number; - /** - * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' - */ - negation?: string; - /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. - * 4 | '6px' | '5%' | 35%' | ... - */ - 'offset-end'?: any; - offsetEnd?: any; - /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 - * | '6px' | '5%' | '35%' | ... - */ - 'offset-start'?: any; - offsetStart?: any; - /** - * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets the placement of the scale object. 'default' | 'opposite' - */ - placement?: string; - /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' - */ - progression?: string; - /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... - */ - 'ref-angle'?: number; - refAngle?: number; - /** - * To set the value the reference line is drawn at. 1 | 5 | 10 | ... - */ - 'ref-value'?: number; - refValue?: number; - /** - * 5 | 10 | ... - */ - 'scale-factor'?: number; - scaleFactor?: number; - /** - * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 - */ - short?: boolean; - /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB - */ - 'short-unit'?: string; - shortUnit?: string; - /** - * ['A', 'B'] | ... - */ - 'show-labels'?: any; - showLabels?: any; - /** - * Sets the value of each step along an axis. - */ - step?: any; - /** - * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, - * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. - * Default Value: null - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Sets the size of the object/shape. 4 | '6px' | ... - */ - size?: any; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] - */ - values?: any; - /** - * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 - */ - visible?: boolean; - /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - items?: Array<{ - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }>; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - labels?: any; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - '`%A`'?: any; - '`%a`'?: any; - '`%D`'?: any; - '`%d`'?: any; - '`%dd`'?: any; - '`%G`'?: any; - '`%g`'?: any; - '`%H`'?: any; - '`%h`'?: any; - '`%i`'?: any; - '`%M`'?: any; - '`%m`'?: any; - '`%mm`'?: any; - '`%q`'?: any; - '`%s`'?: any; - '`%Y`'?: any; - '`%y`'?: any; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - }; - } - interface scaleY { - /** - * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * true | false | 1 | 0 - */ - 'auto-fit'?: boolean; - autoFit?: boolean; - /** - * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the - * define number of decimals. 5 | 10 | ... - */ - decimals?: number; - /** - * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' - * .' | ',' | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true - * | false | 1 | 0 - */ - exponent?: boolean; - /** - * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + * Sets the border 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)' | ... */ - 'exponent-decimals'?: number; - exponentDecimals?: number; + 'border-color'?: string; + borderColor?: string; /** - * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - format?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'items-overlap'?: boolean; - itemsOverlap?: boolean; + 'border-width'?: any; + borderWidth?: any; /** - * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default - * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - labels?: any; + 'font-color'?: string; + fontColor?: string; /** - * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - layout?: string; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'line-color'?: string; - lineColor?: string; + 'font-size'?: number; + fontSize?: number; /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | '6px' | ... + * Sets the font style of the object. 'italic' | 'normal' */ - 'line-gap-size'?: any; - lineGapSize?: any; + 'font-style'?: string; + fontStyle?: string; /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | '6px' | ... + * Sets the font weight of the object. 'bold' | 'normal' */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ 'line-style'?: string; lineStyle?: string; /** - * Sets the width of the axis line. 4 | '6px' | ... + * Sets the placement of the object. Negative values move the scale items inward. Positive values move the scale items outward. 0 | - + * 20 | 30 | ... */ - 'line-width'?: any; - lineWidth?: any; + offsetR?: number; /** - * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E - * | 10 | 2 | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - 'log-base'?: any; - logBase?: any; + padding?: any; /** - * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - margin?: any; + 'text-align'?: string; + textAlign?: string; /** - * Sets the object's bottom margin. 4 | '6px' | ... + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the object's left margin. 4 | '6px' | ... + * Sets the width of the object. 50 | '200px' | ... */ - 'margin-left'?: any; - marginLeft?: any; + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + ring?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + items?: Array<{ /** - * Sets the object's right margin. 4 | '6px' | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'margin-right'?: any; - marginRight?: any; + alpha?: number; /** - * Sets the object's top margin. 4 | '6px' | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'margin-top'?: any; - marginTop?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + * Sets the border 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)' | ... */ - 'max-items'?: number; - maxItems?: number; + 'border-color'?: string; + borderColor?: string; /** - * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'max-labels'?: number; - maxLabels?: number; + 'border-width'?: any + borderWidth?: any /** - * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'max-ticks'?: number; - maxTicks?: number; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + * Sets the size of the object. 30 | '40px' | ... */ - 'max-value'?: number; - maxValue?: number; + size?: number; + }>; + }; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line 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)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 30 | '40px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + } + interface scaleV { + /** + * Allows you to set the format for your scale-v values. You can use a combination of text and tokens (%v represents the scale values + * ), e.g., “%v°” or “Variable %v”. 'Value: %v' + */ + format?: string; + /** + * Allows you to set custom labels for each step along scale-v. Note that if there are more steps than provided labels, the default v + * alues will be used for the remaining labels. [...] + */ + labels?: any; + /** + * Used to set the minimum, maximum, and step scale values on scale-v. E.g., for “values”: “0:100:25”, 0 is the minimum, 100 is the m + * aximum, and 25 is the step. "0:100:10" | [1,3,5,7] | ... + */ + values?: any; + /** + * Used to hide the v-axis. true | false + */ + visible?: boolean; + guide?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 1 | 3 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + items?: Array<{ /** - * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time - * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - 'min-value'?: number; - minValue?: number; + alpha?: number; /** - * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino - * r tick marks and/or guides. 5 | 10 | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'minor-ticks'?: number; - minorTicks?: number; + 'background-color'?: string; + }>; + }; + item?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the angle of the object. -45 | 30 | 120 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the padding of the object 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + }; + 'ref-line'?: refLine; + refLine?: refLine; + tick?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the placement of the object. 'outer' | 'inner' | 'cross' + */ + placement?: string; + /** + * Sets the size of the object. 4 | '6px' | ... + */ + size?: number; + /** + * Sets the visibility of the object. true | false + */ + visible?: boolean; + }; + tooltip?: tooltip; + } + interface scaleX { + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + itemsOverlap?: boolean; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the gap size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Sets the segment size in case of a non-contiguous line style. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets the maximum number of labels that will display along the axis. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the x axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the x axis. 'max-value': is one of the multiple ways you can set x axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will reverse/mirror the x axis values. 'scale-x': {} values will read right to left. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the right side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the left side. 4 + * | '6px' | '5%' | '35%' | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets an x offset that will be applied to the scale-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 1 | 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the x axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the value of each step along an axis. + */ + step?: any; + /** + * When you set the 'thousands-separator': attribute, the punctuation which is used will be placed to separate digits which go into 1,000s, 10,000s, etc. When placed in the 'plot': { } object, + * this will only effect values which are pulled directly from the series data. Objects such as 'scale-y': { }, 'scale-x': { }, etc..., will need to be set separately. + * Default Value: null + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-x': { } to 'visible': false to hide the x axis. The x-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: Array<{ /** - * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ - mirrored?: boolean; + alpha?: number; /** - * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | - * 1 | 0 + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - multiplier?: boolean; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - negation?: string; + 'border-color'?: string; + borderColor?: string; /** - * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' - * | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - offset?: number; + 'border-width'?: any + }>; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + items?: Array<{ + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }>; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + labels?: any; + markers?: Array<{ + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on a graph. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { /** - * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 - * | '6px' | '5%' | 35%' | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'offset-end'?: any; - offsetEnd?: any; + alpha?: number; /** - * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. - * 4 | '6px' | '5%' | 35%' | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'offset-start'?: any; - offsetStart?: any; + angle?: number; /** - * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'offset-x'?: any; - offsetX?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + * Sets the border 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)' | ... */ - 'offset-y'?: any; - offsetY?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the placement of the scale object. 'default' | 'opposite' + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - placement?: string; + 'border-radius'?: any; + borderRadius?: any; /** - * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - progression?: string; + 'border-width'?: any + borderWidth?: any /** - * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'ref-angle'?: number; - refAngle?: number; + 'font-color'?: string; + fontColor?: string; /** - * To set the value the reference line is drawn at. 5 | 10 | ... + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... */ - 'ref-value'?: number; - refValue?: number; + 'font-family'?: string; + fontFamily?: string; /** - * Sets the scale of the y axis 5 | 10 | ... + * Sets the font size of the object. 10 | 12 | '20px' | ... */ - 'scale-factor'?: number; - scaleFactor?: number; + 'font-size'?: number; + fontSize?: number; /** - * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa - * lse | 1 | 0 + * Sets the font style of the object. 'italic' | 'normal' */ - short?: boolean; + 'font-style'?: string; + fontStyle?: string; /** - * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + * Sets the font weight of the object. 'bold' | 'normal' */ - 'short-unit'?: string; - shortUnit?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' */ - 'show-labels'?: any; - showLabels?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the size of the object/shape. 4 | '6px' | ... + * Sets the padding of the object. 3 | '5px' | '10px' | ... */ - size?: any; + padding?: any; /** - * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + * Sets the text alignment of the object. 'left' | 'center' | 'right' */ - 'size-factor'?: string; - sizeFactor?: string; + 'text-align'?: string; + textAlign?: string; /** - * Sets the value of each step along an axis. + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - step?: any; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + * Sets the width of the object. 50 | '200px' | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v - * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: refLine; + refLine?: refLine; + rules?: Array<{ + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }>; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + '`%A`'?: any; + '`%a`'?: any; + '`%D`'?: any; + '`%d`'?: any; + '`%dd`'?: any; + '`%G`'?: any; + '`%g`'?: any; + '`%H`'?: any; + '`%h`'?: any; + '`%i`'?: any; + '`%M`'?: any; + '`%m`'?: any; + '`%mm`'?: any; + '`%q`'?: any; + '`%s`'?: any; + '`%Y`'?: any; + '`%y`'?: any; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... */ - values?: any; + alpha?: number; /** - * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo - * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin - * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item - * s, etc separately, true | false | 1 | 0 + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ - visible?: boolean; + 'line-color'?: string; + lineColor?: string; /** - * To turn on chart zooming on scale. Default is false. - */ - zooming?: boolean; - /** - * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def - * ault, zoom-snap is set to false. true | false | 1 | 0 - */ - 'zoom-snap'?: boolean; - zoomSnap?: boolean; - guide?: { - /** - * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s - * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to - * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da - * shdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" - * | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - items?: Array<{ - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - }>; - }; - item?: { - /** - * 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 comp - * letely opaque. 0....1 - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a two-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-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a two-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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - markers?: Array<{ - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" - */ - 'label-alignment'?: string; - labelAlignment?: string; - /** - * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" - */ - 'label-placement'?: string; - labelPlacement?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott - * om', which will place the marker behind your charted data. top | bottom - */ - placement?: string; - /** - * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v - * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r - * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the - * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th - * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker - * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... - */ - range?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" - */ - type?: string; - /** - * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a - * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | - * 0 - */ - 'value-range'?: boolean; - valueRange?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - label?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the angle of the object. 'auto' | 30 | 90 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * Sets the font style of the object. 'italic' | 'normal' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object. 'bold' | 'normal' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text alignment of the object. 'left' | 'center' | 'right' - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the width of the object. 50 | '200px' | ... - */ - width?: number; - }; - }>; - 'minor-guide'?: minorGuide; - minorGuide?: minorGuide; - 'minor-tick'?: minorTick; - minorTick?: minorTick; - 'ref-line'?: refLine; - refLine?: refLine; - rules?: Array<{ - /** - * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... - */ - rule?: string; - }>; - tick?: { - /** - * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 - * | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Determines the placement of tick marks along an axis line. inner | cross | outer - */ - placement?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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. Has limited effect on HTML5 im - * plementation. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 - * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - tooltip?: tooltip; - transform?: { - /** - * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or - * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. - * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin - * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou - * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 - * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour - * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S - * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month - * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa - * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. - */ - all?: string; - /** - * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has - * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used - * . 'Month of %M' | '%d' | ... - */ - text?: string; - /** - * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' - */ - type?: string; - /** - * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 - */ - uniform?: boolean; - }; - } - interface scrollXSCrollY { + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; /** - * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... */ - 'offset-x'?: any; - offsetX?: any; + 'line-width'?: any; + lineWidth?: any; /** - * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'offset-y'?: any; - offsetY?: any; - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - } - interface selectedMarker { + visible?: boolean; + }; + item?: { /** * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo - * rks with output flash. 0.3 | 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** @@ -10841,6 +9842,11 @@ declare namespace zingchart { */ 'background-color-2'?: string; backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; /** * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ @@ -10854,19 +9860,122 @@ declare namespace zingchart { /** * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; /** - * 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)" | ... + * Cuts off extra text. Use with width. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... */ - 'border-width'?: any; - borderWidth?: any; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -10887,6 +9996,38 @@ declare namespace zingchart { */ 'fill-type'?: string; fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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" | ... @@ -10899,6 +10040,43 @@ declare namespace zingchart { */ 'gradient-stops'?: string; gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -10909,6 +10087,36 @@ declare namespace zingchart { */ 'offset-y'?: any; offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -10941,286 +10149,4088 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * Sets the size of the object/shape. 4 | "6px" | ... + * Sets the text content of the object. "Some Text" | ... */ - size?: any; + text?: string; /** - * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - type?: string; + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - x?: any; + width?: any; /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - y?: any; - } - interface selectedState { + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + }; + } + interface scaleY { + /** + * Sets the text's transparency of the scale-y (The vertical scale line on the chart). 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * true | false | 1 | 0 + */ + 'auto-fit'?: boolean; + autoFit?: boolean; + /** + * Sets the number of decimals which will be displayed as scale-y values. Note this attribute does round the values to fit within the + * define number of decimals. 5 | 10 | ... + */ + decimals?: number; + /** + * Sets the separator to be used in place of the default decimal point. Any string or character can be used to replace the decimal. ' + * .' | ',' | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets whether the scale values will be displayed in scientific notation. Particularly useful when dealing with large numbers. true + * | false | 1 | 0 + */ + exponent?: boolean; + /** + * Sets the number of decimals that will be displayed when using scientific notation. Use with the 'exponent' attribute. 5 | 10 | ... + */ + 'exponent-decimals'?: number; + exponentDecimals?: number; + /** + * To format the appearance of the scale values. Use with the %scale-value (%v) token. '%v%' | '$%v' | '%v' | ... + */ + format?: string; + /** + * To force all of the scale items to display. It is generally used with the 'max-items' attribute. true | false | 1 | 0 + */ + 'items-overlap'?: boolean; + itemsOverlap?: boolean; + /** + * Allows you to set custom labels that correspond to each of the ticks on a scale. If there are more ticks than labels, the default + * values will be used for the remaining labels. ['Jan', 'Feb', 'Mar', ...] | ... + */ + labels?: any; + /** + * ''horizontal' | 'h' | 'vertical' | 'v' | 'row x col' | 'x col' | 'row x' | 'float'' + */ + layout?: string; + /** + * Sets the color of the axis line. 'none' | 'transparent' | '#f00' | '#f00 #00f' | 'red yellow' | 'rgb(100, 15, 15)' | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | '6px' | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | '6px' | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the line style of the axis line. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the width of the axis line. 4 | '6px' | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Logarithmic Scales only: To set the base value, which defaults to Math.E (Euler's number, the base of natural logarithms). Math.E + * | 10 | 2 | ... + */ + 'log-base'?: any; + logBase?: any; + /** + * Sets the object's margin/s. 10 | '5px' | '10 20' | '5px 10px 15px 20px' | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | '6px' | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | '6px' | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | '6px' | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | '6px' | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the max number of values displaying along the bottom horizontal line. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * To set the maximum number of scale items displayed. It is generally used with the 'items-overlap'attribute. 5 | 10 | ... + */ + 'max-labels'?: number; + maxLabels?: number; + /** + * Sets the maximum number of ticks to display on the y axis. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * Sets the maximum value for the y axis. 'max-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'mix-value': and 'step': 4 | '6px' | ... + */ + 'max-value'?: number; + maxValue?: number; + /** + * Sets the minimum value for the y axis. 'min-value': is one of the multiple ways you can set y axis values. Commonly used with time + * series data. Also see 'max-value': and 'step': 'auto' | 4 | '6px' | ... + */ + 'min-value'?: number; + minValue?: number; + /** + * Sets the number of minor tick marks displayed between the major tick marks. Note that this attribute is required to style the mino + * r tick marks and/or guides. 5 | 10 | ... + */ + 'minor-ticks'?: number; + minorTicks?: number; + /** + * Setting 'mirrored': true will flip/mirror the y axis values. 'scale-y': {} values will read top to bottom. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Setting 'multiplier': true will abbreviate long numbers as small digits with a short unit indicator such as K, M, B true | false | + * 1 | 0 + */ + multiplier?: boolean; + /** + * Sets the negative symbol just outside of the formatted value. 'standard' | 'currency' + */ + negation?: string; + /** + * Sets an offset on both sides of the plotted data. This will cause the data to appear as if it were 'squeezed' together. 4 | '6px' + * | ... + */ + offset?: number; + /** + * Sets an offset from the end of the plotted data. This will cause the data to appear as if it were 'squeezed' from the top side. 4 + * | '6px' | '5%' | 35%' | ... + */ + 'offset-end'?: any; + offsetEnd?: any; + /** + * Sets an offset at the start of the plotted data. This will cause the data to appear as if it were 'squeezed' from the bottom side. + * 4 | '6px' | '5%' | 35%' | ... + */ + 'offset-start'?: any; + offsetStart?: any; + /** + * Sets an x offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scale-y object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the placement of the scale object. 'default' | 'opposite' + */ + placement?: string; + /** + * To change the scale type from linear (default) to logarithmic. 'lin' | 'log' + */ + progression?: string; + /** + * Used on radial charts (pie, radar, gauge) to specify the starting angle of the nodes. -45 | 115 | ... + */ + 'ref-angle'?: number; + refAngle?: number; + /** + * To set the value the reference line is drawn at. 5 | 10 | ... + */ + 'ref-value'?: number; + refValue?: number; + /** + * Sets the scale of the y axis 5 | 10 | ... + */ + 'scale-factor'?: number; + scaleFactor?: number; + /** + * Setting to true will cause the values on the y axis to use an abbreviated notation with a short unit such as K,M,B, etc. true | fa + * lse | 1 | 0 + */ + short?: boolean; + /** + * Specifies which unit of measure to use when short is set to true. K | M | B | KB | MB | GB | TB | PB + */ + 'short-unit'?: string; + shortUnit?: string; + /** + * Specifies which labels will be visible on the y axis. ['A', 'B'] | ... + */ + 'show-labels'?: any; + showLabels?: any; + /** + * Sets the size of the object/shape. 4 | '6px' | ... + */ + size?: any; + /** + * Auto size-factor automatically scales a pie chart to allow all value-box objects to appear without clipping. 'auto' + */ + 'size-factor'?: string; + sizeFactor?: string; + /** + * Sets the value of each step along an axis. + */ + step?: any; + /** + * Sets the characters used to separate thousands in larger numbers. '.' | ',' | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * An alternative way to create category scale labels. Similar to a 'labels' array, the 'values' array also acts as a maximum scale v + * alue. [1, 7, 9] | ['Jan', 'Feb', 'Mar', 'Apr'] | ['Q1', 'Q2', 'Q3', 'Q4'] + */ + values?: any; + /** + * You can set the 'scale-y': { } to 'visible': false to hide the y axis. The y-axis will still calculate plots correctly, however yo + * u will not be able to see the x axis line or any of the attributes such as scale values. If you simply want to hide the x axis lin + * e you can utilize 'line-color':'none'. This will remove the visibility of the x axis line and still allow you to style ticks, item + * s, etc separately, true | false | 1 | 0 + */ + visible?: boolean; + /** + * To turn on chart zooming on scale. Default is false. + */ + zooming?: boolean; + /** + * When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By def + * ault, zoom-snap is set to false. true | false | 1 | 0 + */ + 'zoom-snap'?: boolean; + zoomSnap?: boolean; + guide?: { + /** + * Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the line color of the scale-x / scale-y guide. See the red lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * When using a dashed or dotted line-type, this will set the size of each gap between line segments. Can be used with line-segment-s + * ize to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * When using a dashed or dotted line-type, this will set the size of each visible segment of line. Can be used with line-gap-size to + * create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" | "dotted" | "dashed" | "da + * shdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 | "6px" + * | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + items?: Array<{ /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the background color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... */ - 'background-color-1'?: string; - backgroundColor1?: string; + 'border-color'?: string; + borderColor?: 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)" | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'background-color-2'?: string; - backgroundColor2?: string; + 'border-width'?: any /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'background-fit'?: string; - backgroundFit?: string; + 'border-radius'?: any; + borderRadius?: any; + }>; + }; + item?: { + /** + * 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 comp + * letely opaque. 0....1 + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-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-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. true | false | 1 | 0 + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + label?: { + /** + * 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 comp + * letely 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 | ... + */ + alpha?: number; + /** + * 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. -4 + * 5 | 115 | ... + */ + angle?: number; + /** + * 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'?: string; + backgroundColor?: 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * 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 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * 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)" | ... + */ + color?: string; + /** + * 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-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * 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-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * 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%" | ... + */ + height?: any; + /** + * 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 + */ + italic?: boolean; + /** + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. + */ + 'lock-rotation'?: boolean; + lockRotation?: boolean; + /** + * 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-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + markers?: Array<{ + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Allows you to set how the label is aligned with the chart. "normal" | "opposite" | "auto" + */ + 'label-alignment'?: string; + labelAlignment?: string; + /** + * Allows you to set how the label is placed on the chart. "normal" | "opposite" | "auto" + */ + 'label-placement'?: string; + labelPlacement?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Setting 'placement' to 'top' will overlay the marker on top of your charted data. By default, markers are set to 'placement':'bott + * om', which will place the marker behind your charted data. top | bottom + */ + placement?: string; + /** + * To indicate the range you want the scale marker to span. Without specification, that range is based on the scale indexes. Add a "v + * alue-range" attribute and set the value to true to set the range based on the scale values. Line scale markers accept one or two r + * ange values. One value specifies the point that the scale marker is drawn at, similar to a reference line. Two values specify the + * starting and ending points, appearing as an angled line. Area scale markers accept two or four range values. Two values specify th + * e starting and ending points, always appearing as a rectangle shape. Four values specify the connecting points of the scale marker + * , allowing you to create various trapezoid shapes. [1] | [3,4] | [3,4,5,6] | ... + */ + range?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the marker type to either a single line or a marker that will cover an area. "line" | "area" + */ + type?: string; + /** + * To use with the "range" array. When set to true, the scale marker (area or line) accommodates values, including Unix timestamps, a + * s your starting and ending values. E.g., "range": [30,34] or "range": [1420491600000,1422651600000]. true | false (default) | 1 | + * 0 + */ + 'value-range'?: boolean; + valueRange?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + label?: { /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - 'background-image'?: string; - backgroundImage?: string; + alpha?: number; /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + * Sets the angle of the object. 'auto' | 30 | 90 | ... */ - 'background-position'?: string; - backgroundPosition?: string; + angle?: number; /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... */ - 'background-repeat'?: string; - backgroundRepeat?: string; + 'background-color'?: string; + backgroundColor?: 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)" | ... + * Sets the border 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-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the border radius of the object. 2 | 3 | '5px' | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * Sets the border width of the object. 1 | 3 | '6px' | ... */ - 'fill-angle'?: number; - fillAngle?: number; + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * Sets the font style of the object. 'italic' | 'normal' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object. 'bold' | 'normal' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text alignment of the object. 'left' | 'center' | 'right' + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets the width of the object. 50 | '200px' | ... */ - 'fill-offset-x'?: any; - fillOffsetX?: any; + width?: number; + }; + }>; + 'minor-guide'?: minorGuide; + minorGuide?: minorGuide; + 'minor-tick'?: minorTick; + minorTick?: minorTick; + 'ref-line'?: refLine; + refLine?: refLine; + rules?: Array<{ + /** + * Allows you to specify what portions of a chart to apply selected attributes to. '%v > 0' | '%v >= 5' | ... + */ + rule?: string; + }>; + tick?: { + /** + * Sets the transparency of the tick. In the example, the scale-x ticks are vertical lines | in red in between the months. 0.3 | 0.9 + * | ... + */ + alpha?: number; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Determines the placement of tick marks along an axis line. inner | cross | outer + */ + placement?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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. Has limited effect on HTML5 im + * plementation. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. Has limited effect on HTML5 implementation. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. Has limited effect on HTML5 implementation. "none" | "transparent" | "#f00" | "#f00 #0 + * 0f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + }; + tooltip?: tooltip; + transform?: { + /** + * To format your date values. Use this attribute with the `type` value (set to `true`). Token Description `%A` Displays the ante or + * post meridiem time in upper case letters: AM or PM. `%a` Displays the ante or post meridiem time in lower case letters: am or pm. + * `%D` Displays the day of the week in abbreviated form: Sun, Mon, Tue, Wed, Thu, Fri. `%d` Displays the day's date without a leadin + * g 0 if the date is single digit. `%dd` Displays the day's date with a leading 0 if the date is single digit. `%G` Displays the hou + * r in 24-hour format without a leading 0. `%g` Displays the hour in 12-hour format without a leading 0. `%H` Displays the hour in 2 + * 4-hour format with a leading 0 if the hour is single digit. `%h` Displays the hour in 12-hour format with a leading 0 if the hour + * is single digit. `%i` Displays the minutes. `%M` Displays the month in abbreviated form: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, S + * ep, Oct, Nov and Dec. `%m` Displays the month numerically without a leading 0 if the date is single digit. `%mm` Display the month + * numerically with a leading 0 if the month is single digit. `%q` Displays the milliseconds. `%s` Displays the seconds. `%Y` Displa + * ys the year in 4-digit format. `%y` Displays the year in 2-digit format. + */ + all?: string; + /** + * The text of the scale label, can use tokens for day, hour, minute, year etc to add in such information, ONLY if "type"="date" has + * been specified in this transform object. If values for both "text" and "all" have been specified, the value in "text" will be used + * . 'Month of %M' | '%d' | ... + */ + text?: string; + /** + * To convert Unix timestamps into dates. Use this attribute with the all attribute. 'date' + */ + type?: string; + /** + * To set the time-series scale to linear (uniform) or non-linear. true | false | 1 | 0 + */ + uniform?: boolean; + }; + } + interface scrollXScrollY { + /** + * Sets an x offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a y offset that will be applied to the scroll-x object. 4 | '6px' | ... + */ + 'offset-y'?: any; + offsetY?: any; + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + } + interface selectedMarker { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. See the boxes at each point when clicked. Wo + * rks with output flash. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "pie" | "circle" | "star5" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + } + interface selectedState { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + } + interface theme { + palette?: { + area?: string[][]; + gauge?: string[][]; + line?: string[][]; + pie?: string[][]; + vbar?: string[][]; + }; + graph?: graphset; + } + interface tooltip { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " + * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. + * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | + * ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% + * 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. For graph plot tooltip. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px + * " | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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. For graph plot tooltip. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " + * bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" + * | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 + * f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object text. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the object text. "normal" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the object text. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p + * lot tooltip. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra + * ph plot tooltip. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. + */ + 'html-mode'?: boolean; + htmlMode?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the object text. "10%" | "25px" ... + */ + padding?: any; + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O + * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... + */ + placement?: string; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * For graph plot tooltip. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + rules?: tooltipRules[]; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s + * tick" to the chart. true | false | 1 |0 + */ + sticky?: boolean; + /** + * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t + * ooltips will "stick" to the chart. "30000 | 10000 | ... + */ + timeout?: number; + /** + * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded + * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 + * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} + */ + transform?: any; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + } + interface tooltipRules extends tooltip { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + interface trendDown { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface trendEqual { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface trendUp { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line width of the object. 1 | 3 | | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + } + interface valueBox { + /** + * 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 comp + * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | + * 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a + * counterclockwise direction. -90 | 270 | 180 | ... + */ + angle?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 + * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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'?: string; + backgroundColor?: string; + /** + * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " + * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | + * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . + * .. + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'border-alpha'?: number; + borderAlpha?: number; + /** + * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran + * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. + * . + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + */ + decimals?: number; + /** + * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + */ + 'decimals-separator'?: string; + decimalsSeparator?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the object. 5 | "10px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red + * yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the value box text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works + * with output svg. "#f00 #0f0 #00f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu + * te. Works with output svg. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | + * "right" | "over" | ... + */ + placement?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple + * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the character used to separate thousands. "," | "." | " " | ... + */ + 'thousands-separator'?: string; + thousandsSeparator?: string; + /** + * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max + * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + */ + type?: string; + /** + * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | + * 0 + */ + visible?: boolean; + connector?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + }; + joined?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... + */ + text?: string; + }; + shared?: { + /** + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font size of the object. 10 | 12 | '20px' | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... + */ + text?: string; + }; + rules?: valueBoxRules[]; + } + interface valueBoxRules extends valueBox { + /** + * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite + * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi + * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff + * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu + * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + */ + rule?: string; + } + + interface globals { + /** + * 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 be + * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the object. 12 | "20px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font weight of the object. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + */ + 'line-width'?: number; + } + interface gui { + /** + * To create custom context menu items + */ + behaviors?: behavior[]; + 'context-menu'?: contextMenuGui; + contextMenu?: contextMenuGui; + } + interface graphset { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border radius (rounded corners) of the object. "3px" | "10px" + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: number; + /** + * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * The type of the chart "line" | "bar"... + */ + type?: string; + /** + * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: number; + '3d-aspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + '3dAspect'?: { + /** + * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 + * | 10 | ... + */ + angle?: number; + /** + * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... + */ + depth?: number; + /** + * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 + */ + true3d?: boolean; + /** + * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'x-angle'?: number; + xAngle?: number; + /** + * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'y-angle'?: number; + yAngle?: number; + /** + * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... + */ + 'z-angle'?: number; + zAngle?: number; + /** + * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima + * l for values less than 1.0. 1 | 1.5 | 0.8 | ... + */ + zoom?: number; + }; + arrows?: Array<{ + /** + * Sets the text's font angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the arrow's label font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... + */ + text?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the + * head height. [...] + */ + aspect?: any; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the direction of the arrow "top" | "bottom" | "left" | "right" + */ + direction?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the length of the arrow. 50 | 100 | ... + */ + length?: number; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + from?: { + /** + * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index + * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t + * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon + * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... + */ + hook?: string; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. + * 10 | 56 | ... */ - 'fill-offset-y'?: any; - fillOffsetY?: any; + 'offset-x'?: number; + offsetX?: number; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 + * 0 | 56 | ... */ - 'fill-type'?: string; - fillType?: string; + 'offset-y'?: number; + offsetY?: number; /** - * 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" | ... + * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... */ - 'gradient-colors'?: string; - gradientColors?: string; + x?: number; /** - * 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" | ... + * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart + * . 100 | 450 | ... */ - 'gradient-stops'?: string; - gradientStops?: string; + y?: number; + }; + to?: { /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer + * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi + * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or + * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... */ - 'line-color'?: string; - lineColor?: string; + hook?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | + * ... */ - 'line-width'?: any; - lineWidth?: any; + 'offset-x'?: number; + offsetX?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . + * .. */ - shadow?: boolean; + 'offset-y'?: number; + offsetY?: number; + /** + * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + x?: number; + /** + * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 + * | 450 | ... + */ + y?: number; + }; + }>; + crosshair?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th + * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 + */ + exact?: boolean; + /** + * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Reverses the order of items in plotLabel. Generally used with positive stacked charts. + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t + * o use crosshairs across all charts simultaneously. true | false | 1 | 0 + */ + shared?: boolean; + /** + * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels + * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit + * y of each label being triggered when the user hovers over a node. "move" | "hover" + */ + trigger?: string; + /** + * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo + * r every plot). "single" | "multiple" + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + marker?: { /** - * Sets 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 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + alpha?: number; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-angle'?: number; - shadowAngle?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... */ - 'shadow-color'?: string; - shadowColor?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * Sets the size of the object/shape. 4 | "6px" | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; - } - interface tooltipRules extends tooltip { + size?: number; /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 */ - rule?: string; - } - interface tooltip { + type?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - alpha?: number; + visible?: boolean; + }; + 'plot-label'?: plotLabel; + plotLabel?: plotLabel; + 'scale-label'?: scaleLabel; + scaleLabel?: scaleLabel; + }; + 'crosshair-x'?: crosshairX; + crosshairX?: crosshairX; + 'crosshair-y'?: crosshairY; + crosshairY?: crosshairY; + csv?: { + /** + * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based + * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number + * of characters for each column so that the parser will be able to split each line in the correct way [...] + */ + columns?: any; + /** + * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an + * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a + * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... + */ + 'data-string'?: string; + dataString?: string; + /** + * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t + * rue | false | 1 | 0 + */ + 'horizontal-labels'?: boolean; + horizontalLabels?: boolean; + /** + * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f + * or the data-string. true | false | 1 | 0 + */ + mirrored?: boolean; + /** + * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " + * _" | "&" | "\r\n" | ... + */ + 'row-separator'?: string; + rowSeparator?: string; + /** + * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 + */ + 'separate-scales'?: boolean; + separateScales?: boolean; + /** + * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... + */ + separator?: string; + /** + * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa + * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 + */ + 'smart-scales'?: boolean; + smartScales?: boolean; + /** + * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look + * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit + * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti + * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 + */ + title?: boolean; + /** + * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... + */ + url?: string; + /** + * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 + */ + 'vertical-labels'?: boolean; + verticalLabels?: boolean; + }; + heatmap?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * TODO: description of async attribute true | false | 1 | 0 + */ + async?: boolean; + /** + * Sets the blur radius of the heatmap regions. 10 | 20 | ... + */ + blur?: number; + /** + * Sets the type of blur shape. "circle" | "square" | ... + */ + 'brush-typebrushType'?: string; + /** + * Sets the blur shapes to composite or not. true | false | 1 | 0 + */ + composite?: boolean; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets whether or not the data is sorted. true | false | 1 | 0 + */ + 'sort-datasortData'?: boolean; + graph?: { + /** + * Sets the key-scale value "scale-k" | "scale-v" | ... + */ + 'key-scalekeyScale'?: string; + /** + * Sets the value-scale value "scale-x" | "scale-y" | ... + */ + 'val-scalevalScale'?: string; + }; + tooltip?: tooltip; + }; + images?: Array<{ + /** + * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG + * , GIF, JPEG, and TIFF. + */ + src?: 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes + * . + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + labels?: label[]; + legend?: { + /** + * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" + */ + align?: string; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 + * .3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, + * will default to black. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets legend to be collapsed by default true | false | 1 | 0 + */ + collapse?: boolean; + /** + * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh + * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" + */ + 'drag-handler'?: string; + dragHandler?: string; + /** + * Sets whether the legend can be dragged or not. true | false | 1 | 0 + */ + draggable?: boolean; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. + * . + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi + * ent-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over + * . true | false | 1 | 0 + */ + 'highlight-plot'?: boolean; + highlightPlot?: boolean; + /** + * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" + */ + layout?: string; + /** + * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... + */ + 'max-items'?: number; + maxItems?: number; + /** + * Sets whether the legend can be minimized or not. + */ + minimize?: boolean; + /** + * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the + * legend to the left. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up + * . 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite + * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use + * d with max-item. "none" | "hidden" | "page" | "scroll" + */ + overflow?: string; + /** + * Reverses the items in the legend + */ + 'reverse-series'?: boolean; + reverseSeries?: boolean; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu + * tes. Uses x,y coordinates originating from the top left of the chart. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... + */ + 'shadow-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to + * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen + * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 + */ + shared?: any; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled + * " + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + footer?: { /** - * Sets the rotation angle of the object/shape. For graph plot tooltip. -45 | 115 | ... + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - angle?: number; + alpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. For graph plot tooltip. " - * none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. For graph plot tooltip. - * "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction/s on which the background image is being "stretched". For graph plot tooltip. "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; /** - * Sets a background image for the object. Value can be a local file or a web image's location. For graph plot tooltip. "image.png" | - * ... + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the background-repeat value is no-repeat. For graph plot tooltip. "0 0" | "50 100" | "80% - * 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. For graph plot tooltip. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 */ - 'border-alpha'?: number; - borderAlpha?: number; + bold?: boolean; /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-bottom'?: string; borderBottom?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border + * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'border-color'?: string; borderColor?: string; /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-left'?: string; borderLeft?: string; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ 'border-radius'?: any; borderRadius?: any; /** * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-left'?: any; borderRadiusBottomLeft?: any; /** * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-bottom-right'?: any; borderRadiusBottomRight?: any; /** * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** * 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. For graph plot tooltip. 4 | "6px" | "-6px" | -4 | ... + * sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... */ 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. For graph plot tooltip. "2px solid #f00" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ 'border-right'?: string; borderRight?: string; /** * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. For graph plot tooltip. "2px solid #f00" | ... + * es. "2px solid #f00" | ... */ 'border-top'?: string; borderTop?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if + * border-color is not set. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-width'?: any + borderWidth?: any /** - * Sets whether an object will have a callout arrow or not. For graph plot tooltip. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** @@ -11229,215 +14239,167 @@ declare namespace zingchart { 'callout-extension'?: any; calloutExtension?: any; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. For graph plot tooltip. 4 | "6px - * " | ... + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ 'callout-height'?: any; calloutHeight?: any; /** * 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. For graph plot tooltip. [200, 50] | ... + * top left corner of the chart. [200, 50] | ... */ 'callout-hook'?: any; calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. For graph plot tooltip. 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. For graph plot tooltip. "top" | "right" | " - * bottom" | "left" + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" */ 'callout-position'?: string; calloutPosition?: string; /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. For graph plot tooltip. 4 | "6px" - * | ... + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... */ 'callout-width'?: any; calloutWidth?: any; /** - * Cuts off extra text. Use with width. For graph plot tooltip. true | false | 1 | 0 + * Clips the text to a specified width. Requires width. true | false | 1 | 0 */ 'clip-text'?: boolean; clipText?: boolean; /** - * Sets the text's color of the tooltip. Similar with font-color. For graph plot tooltip. "none" | "transparent" | "#f00" | "#f00 #00 - * f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... */ color?: string; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... - */ - decimals?: number; - /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. For graph plot tooltip. -45 | 115 | ... + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. For graph plot tooltip. 4 | "6px" | ... + * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 + * px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. For graph plot tooltip. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the rotation angle of the text of the tooltip. Similar with angle. -45 | 115 | ... + * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... */ 'font-angle'?: number; fontAngle?: number; /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... + * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the object text. 12 | "20px" | ... + * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the font style of the object text. "normal" | "italic" + * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the object text. "normal" | "bold" + * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. For graph p - * lot tooltip. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. For gra - * ph plot tooltip. "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: number; - /** - * To create HTML plot labels, set the value to `true`, and then in the attribute, provide your HTML markup. - */ - 'html-mode'?: boolean; - htmlMode?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margins. For graph plot tooltip. Works with output flash. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - 'margin-right'?: any; - marginRight?: any; + height?: any; /** - * Sets the object's top margin. For graph plot tooltip. Works with output flash. 4 | "6px" | ... + * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal + * se | 1 | 0 */ - 'margin-top'?: any; - marginTop?: any; + italic?: boolean; /** - * 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 graph plot tooltip. Works with output canvas and svg. 5 | 10 | ... + * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ 'max-chars'?: number; maxChars?: number; /** * 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-t - * ext is set to true. For graph plot tooltip. Works with output canvas and svg. 10 | "20px" | 0.3 | "30%" | ... + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ 'max-width'?: any; maxWidth?: any; /** - * Sets an X offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-x'?: any; offsetX?: any; /** - * Sets an Y offset to apply when positioning the object/shape. For graph plot tooltip. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ 'offset-y'?: any; offsetY?: any; /** - * Sets the padding around the object text. "10%" | "25px" ... + * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ padding?: any; + /** + * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... + */ 'padding-bottom'?: any; paddingBottom?: any; /** - * Sets the object's left padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... */ 'padding-left'?: any; paddingLeft?: any; /** - * Sets the object's right padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... */ 'padding-right'?: any; paddingRight?: any; /** - * Sets the object's top padding around the text of the tooltip. 4 | "6px" | ... + * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... */ 'padding-top'?: any; paddingTop?: any; - /** - * Specifies where tooltips are fixed relative to their node values. Refer to the applicable chart types page for more information. O - * ptions by Chart Type: "node:top" | "node:center" | "node:out" | ... - */ - placement?: string; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - * For graph plot tooltip. - */ - position?: string; /** * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ rtl?: boolean; - rules?: tooltipRules[]; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -11470,201 +14432,75 @@ declare namespace zingchart { 'shadow-distance'?: any; shadowDistance?: any; /** - * To create sticky tooltips. Use this with the "timeout" attribute, which allows you to specify how long you want the tooltips to "s - * tick" to the chart. true | false | 1 |0 - */ - sticky?: boolean; - /** - * Specifies what text to display in the tooltips. Use with the %scale-value (%v) token. "Scale Tooltips" | "%v Days" | "..." + * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... */ text?: string; /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * To create sticky tooltips. Provide a value in milliseconds. Use this with the "sticky" attribute, which specifies whether or not t - * ooltips will "stick" to the chart. "30000 | 10000 | ... - */ - timeout?: number; - /** - * Allows the underlying data to be 'transformed' to a new format if it was in that format originally. For example, if data is coded - * as a date and time, and 'type':'date' is specified as an attribute of this object, '1311261385209' will display 'Wed, 19 of May 05 - * :00 PM' if '%D, %d %M %h:%i %A' is specified under the transform attribute of scale-x. {...} - */ - transform?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: number; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - } - interface trendDown { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendEqual { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - } - interface trendUp { + 'text-align'?: string; + textAlign?: string; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... */ - alpha?: number; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" */ - 'background-color'?: string; - backgroundColor?: string; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 */ - 'border-color'?: string; - borderColor?: string; + underline?: boolean; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" */ - 'border-width'?: any; - borderWidth?: any; + 'vertical-align'?: string; + verticalAlign?: string; /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'line-color'?: string; - lineColor?: string; + visible?: boolean; /** - * Sets the line width of the object. 1 | 3 | | "6px" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'line-width'?: any; - lineWidth?: any; - } - interface valueBoxRules extends valueBox { + width?: any; /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... + * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 */ - rule?: string; - } - interface valueBox { + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + header?: { /** * 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 comp - * letely opaque. Note that values require the leading 0 before the decimal point. Use with "background-color" attribute. 0.3 | 0.4 | - * 0.9 | ... + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; /** - * Sets the rotation angle of the object. A positive value will turn it in a clockwise direction. A negative value will turn it in a - * counterclockwise direction. -90 | 270 | 180 | ... - */ - angle?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#FF0 - * 000", "#0000FF"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). 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)" | ... + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color'?: string; backgroundColor?: string; /** - * Sets the first color of a two-color background gradient. To be used with "background-color-2". "none" | "transparent" | "#f00" | " - * #f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Sets 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-1'?: string; backgroundColor1?: string; /** - * Sets the second color of a two-color background gradient. To be used with "background-color-1". "none" | "transparent" | "#f00" | - * "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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-color-2'?: string; backgroundColor2?: string; /** - * Sets the direction(s) in which the background image is being stretched. Works with "background-image". "x" | "y" | "xy" + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ 'background-fit'?: string; backgroundFit?: string; @@ -11674,5699 +14510,365 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the "background-repeat" attribute is set to "no-repeat". "0 0" | "50 100" | "80% 60%" | . - * .. + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; /** - * Sets the repeating mode for the background image. Works with "background-image". "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ 'background-repeat'?: string; backgroundRepeat?: string; /** - * Sets the transparency of the border. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Defaults to black if border-color is not set. "2px solid #f00" | ... */ - 'border-alpha'?: number; - borderAlpha?: number; + 'border-bottom'?: string; + borderBottom?: string; /** - * Sets the border color of the object, applicable on closed shapes. See the "line-color" attribute for closed shapes. "none" | "tran - * sparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ 'border-color'?: string; borderColor?: string; /** - * Sets the border width of the object, applicable on closed shapes. See the "line-width" attribute for closed shapes. 4 | "6px" | .. - * . + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Requires border-color. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; /** - * Allows you to set the number of decimal places displayed for each value. 2 | 3 | 10 | ... + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 */ - decimals?: number; + 'clip-text'?: boolean; + clipText?: boolean; /** - * Allows you to set the decimal mark displayed for each value. "." | "," | " " | ... + * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 + * )" | ... */ - 'decimals-separator'?: string; - decimalsSeparator?: string; + color?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ 'fill-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the object. 5 | "10px" | ... + * Sets an X offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets a Y offset to apply to the object. 5 | "10px" | ... + * Sets an Y offset to apply to the fill. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" */ 'fill-type'?: string; fillType?: string; /** - * Sets the font color of the value box text. Similar to the "color" attribute. "none" | "transparent" | "#f00" | "#f00 #00f" | "red - * yellow" | "rgb(100, 15, 15)" | ... + * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow + * " | "rgb(100, 15, 15)" | ... */ 'font-color'?: string; fontColor?: string; /** - * Sets the font family of the value box text. "Arial" | "Tahoma,Verdana" | ... + * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... */ 'font-family'?: string; fontFamily?: string; /** - * Sets the font size of the value box text. 4 | "6px" | ... + * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... */ 'font-size'?: any; fontSize?: any; /** - * Sets the font style of the value box text. Similar to the "italic" attribute. "none" | "italic" + * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" */ 'font-style'?: string; fontStyle?: string; /** - * Sets the font weight of the value box text. Similar to the "bold" attribute. "normal" | "bold" + * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" */ 'font-weight'?: string; fontWeight?: string; /** - * Sets the colors for a complex background gradient consisting of two or more colors. Use with the "gradient-stops" attribute. Works - * with output svg. "#f00 #0f0 #00f" | ... + * 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-colors'?: string; gradientColors?: string; /** - * Sets the gradient stops for a complex background gradient consisting of two or more colors. Use with the "gradient-colors" attribu - * te. Works with output svg. "0.1 0.5 0.9" | ... + * 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" | ... */ 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the padding around the text of the object. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Specifies where the value boxes are placed in relation to the data points. Options by chart type: "in" | "out" | "auto" | "left" | - * "right" | "over" | ... - */ - placement?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether or not the object's shadow is visible. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the transparency of the text. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being comple - * tely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * Specifies which value boxes are displayed. By default, all values in a series are displayed. You can also display the minimum, max - * imum, first, last, and/or no values. "all" | "min" | "max" | "first" | "last" | none" | "min,max" | "first,last,min,max" | ... + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... */ - type?: string; + height?: any; /** - * Sets the visibility of the value box object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | - * 0 + * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 */ - visible?: boolean; - connector?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - }; - joined?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the joined venn diagram text to display. 'Joined' | '%joined-value' | ... - */ - text?: string; - }; - shared?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object. 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font size of the object. 10 | 12 | '20px' | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the shared venn diagram text to display. 'Shared' | '%shared-value' | ... - */ - text?: string; - }; - rules?: valueBoxRules[]; - } - - interface globals { + italic?: boolean; /** - * 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 be - * ing completely opaque. Note that values require a leading zero before the decimal. 0.3 | 0.9 | ... + * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length + * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... */ - alpha?: number; + 'max-chars'?: number; + maxChars?: number; /** - * Sets the border color of the object, applicable to closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - 'border-color'?: string; - borderColor?: string; + 'max-width'?: any; + maxWidth?: any; /** - * Sets the border radius of the object, applicable to closed shapes. "3px" | "7px" | ... + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'border-radius'?: any; - borderRadius?: any; + 'offset-x'?: any; + offsetX?: any; /** - * Sets the border width of the object, applicable to closed shapes. 4 | "6px" | ... + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'offset-y'?: any; + offsetY?: any; /** - * Sets the font color of the object. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... */ - 'font-color'?: string; - fontColor?: string; + padding?: any; /** - * Sets the font family of the object. "Arial" | "Tahoma,Verdana" | ... + * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... */ - 'font-family'?: string; - fontFamily?: string; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Sets the font size of the object. 12 | "20px" | ... + * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain + * ing legend if the number is big enough. 4 | "6px" | ... */ - 'font-size'?: any; - fontSize?: any; + 'padding-left'?: any; + paddingLeft?: any; /** - * Sets the font weight of the object. "normal" | "bold" + * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the + * containing legend. 4 | "6px" | ... */ - 'font-weight'?: string; - fontWeight?: string; + 'padding-right'?: number; + paddingRight?: number; /** - * Sets the line color of the object, applicable to non-closed shapes. "none" | "transparent" | "#1A237E" | "purple" | ... + * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... */ - 'line-color'?: string; - lineColor?: string; + 'padding-top'?: any; + paddingTop?: any; /** - * Sets the line style of the object, applicable to non-closed shapes. "solid" | "dashed" | "dotted" | "dashdot" + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - 'line-style'?: string; - lineStyle?: string; + rtl?: boolean; /** - * Sets the line width of the object, applicable to non-closed shapes. 4 | "6px" | ... + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ - 'line-width'?: number; - } - interface graphset { + shadow?: boolean; /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + * Sets 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 | ... */ - alpha?: number; + 'shadow-alpha'?: number; + shadowAlpha?: number; /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... + * Sets the angle of the shadow underneath the object. -45 | 115 | ... */ - 'background-color'?: string; - backgroundColor?: string; + 'shadow-angle'?: number; + shadowAngle?: number; /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... */ - 'border-color'?: string; - borderColor?: string; + 'shadow-blur'?: any; + shadowBlur?: any; /** - * Sets the border radius (rounded corners) of the object. "3px" | "10px" + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . */ - 'border-radius'?: any; - borderRadius?: any; + 'shadow-color'?: string; + shadowColor?: string; /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... + * Sets the distance between the shadow and the object. 4 | "6px" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'shadow-distance'?: any; + shadowDistance?: any; /** - * Sets the height of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text content of the object of the Header of the Legend. "Some Text" | ... */ - height?: number; + text?: string; /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" + * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" */ - 'line-style'?: string; - lineStyle?: string; + 'text-align'?: string; + textAlign?: string; /** - * The type of the chart "line" | "bar"... + * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... */ - type?: string; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets the width of the object. 10 | "20px" | 0.3 | "30%" | ... + * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" */ - width?: number; - '3d-aspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - '3dAspect'?: { - /** - * Sets the view angle when using the isometric 3D engine. Value can be between 0 and 90, with the default viewing angle being 45°. 5 - * | 10 | ... - */ - angle?: number; - /** - * Sets the Z depth for a 3D chart type displayed in either isometric or true 3D. 5 | 10 | ... - */ - depth?: number; - /** - * Sets whether the chart uses a true 3D engine or an isometric view. Disabling true3d forces an isometric view. true | false | 1 | 0 - */ - true3d?: boolean; - /** - * Sets the X rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'x-angle'?: number; - xAngle?: number; - /** - * Sets the Y rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'y-angle'?: number; - yAngle?: number; - /** - * Sets the Z rotation viewing angle for the true 3D view. Viewing angle may vary depending on the chart type. 5 | 10 | ... - */ - 'z-angle'?: number; - zAngle?: number; - /** - * Sets the perspective zoom for the true 3D view. The default zoom level is 1.0. Note that a leading 0 is required before the decima - * l for values less than 1.0. 1 | 1.5 | 0.8 | ... - */ - zoom?: number; - }; - arrows?: Array<{ - /** - * Sets the text's font angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the arrow's label font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Text displayed in a label over the arrow. "Upturn" | "10% decrease" | ... - */ - text?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * Sets the arrow head width and head height. The first numeric entry in the array sets the head width and the second entry sets the - * head height. [...] - */ - aspect?: any; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the direction of the arrow "top" | "bottom" | "left" | "right" - */ - direction?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the length of the arrow. 50 | 100 | ... - */ - length?: number; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - from?: { - /** - * Sets the arrow's starting point to that of a charted value. The plot value refers to the set of values in a series, and the index - * refers to the specific value within that series. For example, node:plot=0,index=10 sets the starting point of the arrow at the 11t - * h value within the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the secon - * d value or set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting x ordinate or hook point. - * 10 | 56 | ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's starting point. Can be used to make adjustments to an arrow's starting y ordinate or hook point. 1 - * 0 | 56 | ... - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's starting point. Ordinates are counted in pixels, starting from the top-left corner of the chart - * . 100 | 450 | ... - */ - y?: number; - }; - to?: { - /** - * Sets the arrow's end point to that of a charted value. The plot value refers to the set of values in a series, and the index refer - * s to the specific value within that series. For example, node:plot=0,index=10 sets the end point of the arrow at the 11th value wi - * thin the 1st set of values in the series. Note that 0 refers to the first value or set of values, with 1 being the second value or - * set of values, and so on. "node:index=4" | "node:plot=0,index=1" | ... - */ - hook?: string; - /** - * Sets an x-offset for the arrow's end point. Can be used to make adjustments to an arrow's end x ordinate or hook point. 10 | 56 | - * ... - */ - 'offset-x'?: number; - offsetX?: number; - /** - * Sets a y-offset for the arrow's end point. Can be used to make adjustments to an arrow's end y ordinate or hook point. 10 | 56 | . - * .. - */ - 'offset-y'?: number; - offsetY?: number; - /** - * Sets the x ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - x?: number; - /** - * Sets the y ordinate for an arrow's end point. Ordinates are counted in pixels, starting from the top-left corner of the chart. 100 - * | 450 | ... - */ - y?: number; - }; - }>; - crosshair?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * X-Axis Crosshairs Only: When true, plot nodes will be highlighted only when the guide is directly next to the node. When false (th - * e default setting), the plot nodes closest to the guide will be highlighted. true | false | 1 | 0 - */ - exact?: boolean; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Reverses the order of items in plotLabel. Generally used with positive stacked charts. - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * X-Axis Crosshairs Only: For graphsets with multiple chart objects, setting the attribute to true in "crosshair-x" will allow you t - * o use crosshairs across all charts simultaneously. true | false | 1 | 0 - */ - shared?: boolean; - /** - * X-Axis Crosshairs Only: Sets the mode used to display crosshair plot-labels. When set to "move" (the default setting), plot-labels - * for all nodes will be displayed. The "hover" setting will allow only one plot-label to be displayed at a time, with the visibilit - * y of each label being triggered when the user hovers over a node. "move" | "hover" - */ - trigger?: string; - /** - * Y-Axis Crosshairs Only: Sets the type of the "crosshair-y", either in single mode (one line for all scales) or multiple (a line fo - * r every plot). "single" | "multiple" - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: number; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - }; - 'plot-label'?: plotLabel; - plotLabel?: plotLabel; - 'scale-label'?: scaleLabel; - scaleLabel?: scaleLabel; - }; - 'crosshair-x'?: crosshairX; - crosshairX?: crosshairX; - 'crosshair-y'?: crosshairY; - crosshairY?: crosshairY; - csv?: { - /** - * In case of fixed width column format of the CSV data, specifies the dimensions for each column. Some csv files are formatted based - * on the idea of "fixed sized columns", not by the standard comma or semicolon "separator". So, the columns array holds the number - * of characters for each column so that the parser will be able to split each line in the correct way [...] - */ - columns?: any; - /** - * Sets the CSV data directly embedded in the JSON, as a string. However new-line characters are not allowed in the definition of an - * attribute in json syntax, and therefore the row separator character will likely need also be overridden with the "row-separator" a - * ttribute if "data-string" is used in place of "url". "Apple,25,34\r\nPear,-16,10\r\nLemon,22,-5\r\nOrange,41,21" | ... - */ - 'data-string'?: string; - dataString?: string; - /** - * Specifies if the CSV data contains descriptive headers for each column as the first or second row (depending on title presence). t - * rue | false | 1 | 0 - */ - 'horizontal-labels'?: boolean; - horizontalLabels?: boolean; - /** - * Specifies if the CSV data should be processed in a mirrored way (per line instead of per column). Note the different format used f - * or the data-string. true | false | 1 | 0 - */ - mirrored?: boolean; - /** - * Sets the separator between the data rows when using a data-string instead of an external .CSV file. The default value is "\r\n". " - * _" | "&" | "\r\n" | ... - */ - 'row-separator'?: string; - rowSeparator?: string; - /** - * Specifies whether or not each column in the csv data should have its own scale on the chart. true | false | 1 | 0 - */ - 'separate-scales'?: boolean; - separateScales?: boolean; - /** - * Sets the separator between the data cells, default is ",". Any single character can be used as a separator. "*" | "/" | "," | ... - */ - separator?: string; - /** - * Smart-Scales will analyze the CSV data to determine if each column of data is of a different enough type of data to deserve a sepa - * rate scale. If it is, smart-scales will assign the unique data columns to separate scales. true | false | 1 | 0 - */ - 'smart-scales'?: boolean; - smartScales?: boolean; - /** - * Specifies if the CSV data contains a descriptive title on the first line. If this attribute it not included, then the library look - * s at the data to decide if the first line is intended to be a title or not. If it thinks it is, The first line will become the tit - * le of the graph. If there is a title line in the CSV and "title":"true" is set, the first line will be the graph title, but if "ti - * tle":"false" is specified, that first line will become a scale-label. true | false | 1 | 0 - */ - title?: boolean; - /** - * Sets the url for the CSV data source. "http://www.domain.com/link.php" | "%FILEPATH%/fruit.csv" | "/resources/datacsv.txt" | ... - */ - url?: string; - /** - * Specifies if the CSV data contains descriptive headers for each row. true | false | 1 | 0 - */ - 'vertical-labels'?: boolean; - verticalLabels?: boolean; - }; - heatmap?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * TODO: description of async attribute true | false | 1 | 0 - */ - async?: boolean; - /** - * Sets the blur radius of the heatmap regions. 10 | 20 | ... - */ - blur?: number; - /** - * Sets the type of blur shape. "circle" | "square" | ... - */ - 'brush-typebrushType'?: string; - /** - * Sets the blur shapes to composite or not. true | false | 1 | 0 - */ - composite?: boolean; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets whether or not the data is sorted. true | false | 1 | 0 - */ - 'sort-datasortData'?: boolean; - graph?: { - /** - * Sets the key-scale value "scale-k" | "scale-v" | ... - */ - 'key-scalekeyScale'?: string; - /** - * Sets the value-scale value "scale-x" | "scale-y" | ... - */ - 'val-scalevalScale'?: string; - }; - tooltip?: tooltip; - }; - images?: Array<{ - /** - * Sets the image source. Source can be the path to a local image file or a web image's location. Acceptable file formats include PNG - * , GIF, JPEG, and TIFF. - */ - src?: 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting margin and margin-... attributes - * . - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - labels?: label[]; - legend?: { - /** - * Forces the plotarea to consider the legend positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "left" | "center" | "right" - */ - align?: string; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Requires the formatting 0.x. 0 - * .3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dotted, and dashed. Also accepts named colors. If color is not set properly, - * will default to black. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for an extension line off the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets which edge will be the location for the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets legend to be collapsed by default true | false | 1 | 0 - */ - collapse?: boolean; - /** - * Sets the handler used to drag the legend: icon will create a dragging icon on the legend header, which will be the only area on wh - * ich you can click and drag, header will make the whole header object active for dragging the legend. "header" | "icon" - */ - 'drag-handler'?: string; - dragHandler?: string; - /** - * Sets whether the legend can be dragged or not. true | false | 1 | 0 - */ - draggable?: boolean; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors). To be used with gradient-stops. "#f00 #0f0 #00f" | .. - * . - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets the position for the introduction of each color for a complex background gradient (more than 2 colors). To be used with gradi - * ent-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * An alias for the "highlight" attribute in the "plot" object. Highlights the corresponding plot when the legend item is moused over - * . true | false | 1 | 0 - */ - 'highlight-plot'?: boolean; - highlightPlot?: boolean; - /** - * Sets the layout for the legend items. "horizontal" | "h" | "vertical" | "v" | "row x col" | "x col" | "row x" | "float" - */ - layout?: string; - /** - * Sets the object's margin/s from the top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of items displayed on the legend. To be used with overflow. 5 | 10 | ... - */ - 'max-items'?: number; - maxItems?: number; - /** - * Sets whether the legend can be minimized or not. - */ - minimize?: boolean; - /** - * Sets an X offset to apply when positioning the legend. A positive value moves the legend to the right. A negative value moves the - * legend to the left. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the legend. A positive value moves the legend down. A negative value moves the legend up - * . 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the display mode for legend items beyond max-items setting: none will display all items, hidden will display just top max-ite - * ms items, page will enable the pagination module, scrollwill enable legend scrolling, with top max-items items per page. To be use - * d with max-item. "none" | "hidden" | "page" | "scroll" - */ - overflow?: string; - /** - * Reverses the items in the legend - */ - 'reverse-series'?: boolean; - reverseSeries?: boolean; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting [margin] and [margin-...] attribu - * tes. Uses x,y coordinates originating from the top left of the chart. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be. 0.3 | 0.9 | ... - */ - 'shadow-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * For graphsets with multiple chart objects, setting this attribute to true within the legend object of each chart will allow you to - * use one legend to toggle data on or off for each chart simultaneously. It should be noted that while each chart must have a legen - * d object, the visible attribute can be set to false to hide a legend. true | false | 1 | 0 - */ - shared?: any; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. "hide" | "remove" | "disabled - * " - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Automatically aligns the legend and adjusts "plotarea" margins accordingly. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - footer?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Footer of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Defaults to 1px if border - * -width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. Defaults to dark gray if - * border-color is not set. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Clips the text to a specified width. Requires width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Footer of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Affects the angle of a linear fill or the position of a radial fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. Affects position of gradient stops on a linear fill or the position of a radial fill. 4 | "6 - * px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Footer of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Footer of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Footer of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Footer of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Footer of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Footer of the Legend is displayed with italic characters or not. Similar with font-weight. true | fal - * se | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Footer of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Footer of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Footer of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the Footer of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Footer of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Footer of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Footer of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Footer of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Footer of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Footer of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires width. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - header?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the Header of the Legend. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Defaults to black if border-color is not set. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Defaults to 1px if border-width is not set. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Requires border-color. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off the text at a specified width. Requires a setting for width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the Header of the Legend. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15 - * )" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the Header of the Legend. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the Header of the Legend. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow - * " | "rgb(100, 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the Footer of the Legend. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the Header of the Legend. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the Header of the Legend. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the Header of the Legend. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the Header of the Legend is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the maximum number of characters displayed by the text label of the Header of the Legend. If value is smaller than the length - * of the text, the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the Header of the Legend. padding-left here may push the text out of the contain - * ing legend if the number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the Header of the Legend. padding-right here will not push the text out of the - * containing legend. 4 | "6px" | ... - */ - 'padding-right'?: number; - paddingRight?: number; - /** - * Sets the object's top padding around the text of the Header of the Legend. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the Header of the Legend. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the Header of the Legend. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the Header of the Legend. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the Header of the Legend. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - icon?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - }; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the visibility of the legend item's marker. true | false | 1 | 0 - */ - 'show-marker'?: boolean; - showMarker?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - }; - marker?: { - /** - * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 - */ - 'show-line'?: boolean; - showLine?: boolean; - /** - * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without - * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle - * -action. "hide" | "remove" | "disabled" - */ - 'toggle-action'?: string; - toggleAction?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - }; - 'page-off'?: pageOff; - pageOff?: pageOff; - 'page-on'?: pageOn; - pageOn?: pageOn; - 'page-status'?: pageStatus; - pageStatus?: pageStatus; - scroll?: { - bar?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - }; - tooltip?: tooltip; - }; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... - */ - 'max-trackers'?: number; - maxTrackers?: number; - 'media-rules'?: Array<{ - /** - * Sets the maximum chart height in pixels. 600 | 400 | 300 - */ - 'max-height'?: number; - maxHeight?: number; - /** - * Sets the maximum chart width in pixels. 1000 | 800 | 600 - */ - 'max-width'?: number; - maxWidth?: number; - /** - * Sets the minimum chart height in pixels. 600 | 400 | 300 - */ - 'min-height'?: number; - minHeight?: number; - /** - * Sets the minimum chart width in pixels. 1000 | 800 | 600 - */ - 'min-width'?: number; - minWidth?: number; - /** - * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller - * breakpoints. true | false - */ - visible?: boolean; - }>; - 'no-data'?: noData; - noData?: noData; - options?: { - /** - * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" - */ - aspect?: string; - /** - * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] - */ - ignore?: any; - /** - * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F - * 51B5" | ... - */ - color?: string; - /** - * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette - * " value with the "palette" array. "random" (default) | "color" | "palette" - */ - 'color-type'?: string; - colorType?: string; - /** - * To set the maximum font size. 20 | "30px" | ... - */ - 'max-font-size'?: any; - maxFontSize?: any; - /** - * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... - */ - 'max-items'?: any; - maxItems?: any; - /** - * To set the minimum font size. 10 | "12px" | ... - */ - 'min-font-size'?: any; - minFontSize?: any; - /** - * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] - */ - palette?: any; - /** - * To set whether every one or two words rotates 90 degrees. true | false (default) - */ - rotate?: boolean; - /** - * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... - */ - 'step-angle'?: any; - stepAngle?: any; - /** - * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... - */ - 'step-radius'?: any; - stepRadius?: any; - /** - * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... - */ - text?: string; - /** - * To set the type of item to be analyzed: words or characters. "word" (default) | "character" - */ - token?: string; - button?: { - /** - * To set the text of the button 3m | 2015 | all - */ - text?: string; - /** - * To set multiplier for count ytd | all | year | month | week | day | hour | minute - */ - type?: string; - /** - * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 - */ - count?: any; - }; - 'context-menu'?: contextMenu; - contextMenu?: contextMenu; - indicator?: { - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - npv?: { - /** - * To set the number of decimals that will be displayed. 0 | 1 |2 | ... - */ - decimals?: number; - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - title?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - value?: { - /** - * To set the font color. 'gray' | '#666699' | ... - */ - 'font-color'?: any; - fontColor?: any; - /** - * To set the font family. 'Arial' | 'Georgia' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * To set the font size. 30 | 24 | 16 | ... - */ - 'font-size'?: number; - fontSize?: number; - /** - * To set the font style. 'normal' | 'italic' - */ - 'font-style'?: string; - fontStyle?: string; - /** - * To set the font weight. 'normal' | 'bold' - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * To set the visibility of the object. true | false - */ - visible?: boolean; - }; - }; - link?: link; - 'link[sibling]'?: link; - [key: `link[cls-${string}`]: link; - [key: `link[container-${string}`]: link; - [key: `link[group-${string}`]: link; - [key: `link[level-${string}`]: link; - [key: `link[parent-${string}`]: link; - [key: `link[source-${string}`]: link; - [key: `link[target-${string}`]: link; - links?: link; - 'max-iterations'?: any; - /** - * @description Sets the maximum level the items have to be on so that they will be processed. - */ - maxLevel?: any; - /** - * @description Sets the maximum level the items have to be on so that they will be processed. - */ - 'max-level'?: any; - /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). - */ - maxLinkWidth?: any; - /** - * @description Sets the max width for the links between nodes (available in the force directed graphs). - */ - 'max-link-width'?: any; - /** - * @description Sets the maximum size for the tree nodes. - */ - maxSize?: any; - /** - * @description Sets the maximum size for the tree nodes. - */ - 'max-size'?: any; - /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. - */ - maxValue?: any; - /** - * @description Sets a maximum value. - * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. - * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. - */ - 'max-value'?: any; - /** - * @description When set, filter out words shorter than minLength from the wordcloud - */ - minLength?: any; - /** - * @description When set, filter out words shorter than minLength from the wordcloud - */ - 'min-length'?: any; - /** - * @description Sets the minimum level the items have to be on so that they will be processed. - */ - minLevel?: any; - /** - * @description Sets the minimum level the items have to be on so that they will be processed. - */ - 'min-level'?: any; - /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). - */ - minLinkWidth?: any; - /** - * @description Sets the minimum width for the links between nodes (available in the force directed graphs). - */ - 'min-link-width'?: any; - /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. - */ - minSize?: any; - /** - * @description Sets the minimum size. - * For tree module charts, sets the minimum size for the tree nodes. - * For bubble pack charts, sets the minimum pixel-size of bubbles. - */ - 'min-size'?: any; - /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. - */ - minValue?: any; - /** - * @description Sets a minimum value. - * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. - * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. - */ - 'min-value'?: any; - node?: node; - 'node[collapsed]'?: node; - 'node[leaf]'?: node; - 'node[parent]'?: node; - [key: `node[cls-${string}`]: node; - [key: `node[container-${string}`]: node; - [key: `node[group-${string}`]: node; - [key: `node[level-${string}`]: node; - [key: `node[parent-${string}`]: node; - style?: { - /** - * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co - * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 - * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 - * , 15, 15)' | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border 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-color'?: string; - borderColor?: string; - /** - * Sets the border radius of the object. 2 | 3 | '5px' | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 1 | 3 | '6px' | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the padding of the object. 3 | '5px' | '10px' | ... - */ - padding?: any; - /** - * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei - * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - 'hover-state'?: hoverState; - hoverState?: hoverState; - tooltip?: tooltip; - }; - violin?: { - /** - * To set the trim. true | false | 0 | 1 - */ - trim?: boolean; - /** - * To set the jitter width. 0 | .5 | 1 | 2 | ... - */ - jitter?: any; - /** - * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... - */ - roundingFactor?: any; - /** - * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... - */ - meanFactor?: any; - /** - * To set the styling of the violin object. {} - */ - style?: any; - }; - words?: Array<{ - /** - * To set the word count. 5 | 20 | 100 | ... - */ - count?: any; - /** - * To set the word. "Flowers" | "Freesia" | "Peony" | ... - */ - text?: string; - }>; - }; - plot?: plot; - plotarea?: { - /** - * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | - * 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze - * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " - * 5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy - * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | - * "5px 10px 15px 20px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there - * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-bottom-offset'?: any; - marginBottomOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-left-offset'?: any; - marginLeftOffset?: any; - /** - * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-right-offset'?: any; - marginRightOffset?: any; - /** - * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is - * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - 'margin-top-offset'?: any; - marginTopOffset?: any; - /** - * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea - * . 4 | "6px" | ... - */ - 'mask-tolerance'?: number; - maskTolerance?: number; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig - * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 - */ - live?: boolean; - /** - * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the minimum width of preview's active area. 5 | 10 | ... - */ - 'min-distance'?: number; - minDistance?: number; - /** - * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - active?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - handle?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s - * tring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-bottom'?: any; - borderBottom?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str - * ing. "1px solid green" | "3px dotted purple" | ... - */ - 'border-left'?: any; - borderLeft?: any; - /** - * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p - * x 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st - * ring. "1px solid green" | "3px dotted purple" | ... - */ - 'border-right'?: any; - borderRight?: any; - /** - * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri - * ng. "1px solid green" | "3px dotted purple" | ... - */ - 'border-top'?: any; - borderTop?: any; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - }; - label?: { - /** - * 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 comp - * letely 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 | ... - */ - alpha?: number; - /** - * 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. -4 - * 5 | 115 | ... - */ - angle?: number; - /** - * 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'?: string; - backgroundColor?: 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 f - * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * 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 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * 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)" | ... - */ - color?: string; - /** - * 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-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " - * radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * 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-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * 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%" | ... - */ - height?: any; - /** - * 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 - */ - italic?: boolean; - /** - * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. - */ - 'lock-rotation'?: boolean; - lockRotation?: boolean; - /** - * 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-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - }; - }; - 'scale-k'?: scaleK; - scaleK?: scaleK; - 'scale-r'?: scaleR; - scaleR?: scaleR; - 'scale-v'?: scaleV; - scaleV?: scaleV; - 'scale-x'?: scaleX; - scaleX?: scaleX; - [key: `scale-x-${number}`]: scaleX; - [key: `scaleX${number}`]: scaleX; - 'scale-y'?: scaleY; - scaleY?: scaleY; - [key: `scale-y-${number}`]: scaleY; - [key: `scaleY${number}`]: scaleY; - scale?: { - /** - * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... - */ - 'size-factor'?: number; - sizeFactor?: number; - }; - 'scroll-x-scroll-y'?: scrollXSCrollY; - scrollXScrollY?: scrollXSCrollY; - selectionTool?: { - mask?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - }; - }; - series?: series[]; - shapes?: Array<{ - /** - * Sets the end angle of a pie shape. "10" | "212" | ... - */ - 'angle-end'?: number; - angleEnd?: number; - /** - * Sets the beginning angle of a pie shape. "10" | "212" | ... - */ - 'angle-start'?: number; - angleStart?: number; - /** - * Sets the height of the shape "10" | "212" | ... - */ - height?: number; - /** - * Id of the shape "myShape" | "Square2" | ... - */ - id?: string; - /** - * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... - */ - slice?: number; - /** - * Sets the width of the shape "10" | "212" | ... - */ - width?: number; - /** - * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req - * uires the formatting 0.x 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se - * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin - * e-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati - * on of the gradient stop. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 - * 0f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: string; - /** - * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with - * gradient-colors. "0.1 0.5 0.9" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent - * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-r'?: any; - offsetR?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** Sets map options */ - options?: any; - /** - * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... - */ - points?: any; - /** - * Sets whether the object gets a shadow or not. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | - * "line" | "poly" | "pie" | ... - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - }>; - source?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba - * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * For source, bold is the default. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Requires border-width. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Truncates text based on the setting of width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Works with fill-angle to position gradient. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets 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" - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * For source, this may require position in order to be visible. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; + * Sets whether the text of the Header of the Legend is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; /** - * Bar charts only: To make the chart look like a series of columns or bars that are stacked on top of each other.. - */ - stacked?: boolean; - subtitle?: { - /** - * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Cuts off extra text. Use with width. true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the fill type. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, - * 15, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the subtitle text. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's margin from the top of the chart. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text - * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. - * true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; + * Sets the text's vertical alignment relative to the object's box of the Header of the Legend. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; /** - * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. - * Default Value: 0 + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ - 'time-zone'?: number; - timeZone?: number; - title?: { - /** - * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 - */ - 'adjust-layout'?: boolean; - adjustLayout?: boolean; - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" - * | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 - */ - bold?: boolean; - /** - * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: string; - /** - * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n - * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px - * 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set - * , will display in black.. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets if the object will have a callout arrow. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... - */ - 'callout-hook'?: any; - calloutHook?: any; - /** - * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 - * px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * true | false | 1 | 0 - */ - 'clip-text'?: boolean; - clipText?: boolean; - /** - * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... - */ - 'font-angle'?: number; - fontAngle?: number; - /** - * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 - * 5, 15)" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size of the title. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 - */ - italic?: boolean; - /** - * Sets the item id of the map on which the object/shape is being added. "itemid" | ... - */ - item?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... - */ - 'margin-bottom'?: any; - marginBottom?: any; - /** - * Sets the object's left margin. 4 | "6px" | ... - */ - 'margin-left'?: any; - marginLeft?: any; - /** - * Sets the object's right margin. 4 | "6px" | ... - */ - 'margin-right'?: any; - marginRight?: any; - /** - * Sets the object's top margin. 4 | "6px" | ... - */ - 'margin-top'?: any; - marginTop?: any; - /** - * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t - * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - padding?: any; - /** - * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t - * he number is big enough. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege - * nd. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text of the title. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. - */ - position?: string; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the title. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * Sets the text's transparency of the title. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration of the title. Similar with underline. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... - */ - width?: any; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - tooltip?: tooltip; + visible?: boolean; /** - * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - utc?: boolean; - values?: any; - widget?: { - /** - * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" - * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... - */ - type?: string; - }; - zoom?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 - */ - 'preserve-zoom'?: boolean; - preserveZoom?: boolean; - label?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object. 1 | 3 | | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the font size of the object text. 12 | "20px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the font style of the object text. "normal" | "italic" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the font weight of the object text. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: string; - /** - * Sets the padding around the object text. "10%" | "25px" ... - */ - padding?: any; - /** - * Sets the visibility of the object. true | false | 1 | 0 - */ - visible?: boolean; - }; - /** - * To enabled shared zooming when there are mulitple charts in a graphset - */ - shared?: boolean; - }; + width?: any; /** - * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. + * Sets whether the text will wrap, depending on the width of the object. Requires a widthsetting. true | false | 1 | 0 */ - zoomSnap?: boolean; - } - - interface behavior { + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + icon?: { /** - * To enable or disable individual context menu item behaviors. "all" | "none" + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ - enabled?: string; + alpha?: number; /** - * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - id?: string; + 'line-color'?: string; + lineColor?: string; /** - * Sets the label of the custom menu item. + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - text?: string; + 'line-width'?: any; + lineWidth?: any; /** - * Executes specified custom function for the custom menu item. + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ - 'custom-function'?: string; - customFunction?: string; - } - interface gui { + 'offset-x'?: any; + offsetX?: any; /** - * To create custom context menu items + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... */ - behaviors?: behavior[]; - 'context-menu'?: contextMenuGui; - contextMenu?: contextMenuGui; - } - interface history { + 'offset-y'?: any; + offsetY?: any; + }; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { /** * 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 comp * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... */ alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; /** * 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 se @@ -17450,63 +14952,268 @@ declare namespace zingchart { 'border-radius-top-left'?: any; borderRadiusTopLeft?: any; /** - * 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 | ... + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the style of the cursor when hovering over a node. "hand" | "normal" + */ + cursor?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the visibility of the legend item's marker. true | false | 1 | 0 + */ + 'show-marker'?: boolean; + showMarker?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + }; + marker?: { + /** + * Sets if the legend marker has a small horizontal line through its middle. true | false | 1 | 0 + */ + 'show-line'?: boolean; + showLine?: boolean; + /** + * Sets the action performed on legend item toggle: hide will simply hide the respective plot, remove will repaint the chart without + * considering the respective plot, disabled will not generate any action for the legend items/markers. Equivalent of legend's toggle + * -action. "hide" | "remove" | "disabled" + */ + 'toggle-action'?: string; + toggleAction?: string; + /** + * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g + * ear6 | gear7 | gear8 + */ + type?: string; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'border-radius-top-right'?: any; - borderRadiusTopRight?: any; + 'background-color'?: string; + backgroundColor?: string; /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + * Sets 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)" | ... */ - 'border-right'?: string; - borderRight?: string; + 'background-color-1'?: string; + backgroundColor1?: string; /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... + * 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)" | ... */ - 'border-top'?: string; - borderTop?: string; + 'background-color-2'?: string; + backgroundColor2?: string; /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" */ - 'border-width'?: any; - borderWidth?: any; + 'background-fit'?: string; + backgroundFit?: string; /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... */ - callout?: boolean; + 'background-image'?: string; + backgroundImage?: string; /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ - 'callout-extension'?: any; - calloutExtension?: any; + 'background-position'?: string; + backgroundPosition?: string; /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" */ - 'callout-height'?: any; - calloutHeight?: any; + 'background-repeat'?: string; + backgroundRepeat?: string; /** - * 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] | ... + * 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)" | ... */ - 'callout-hook'?: any; - calloutHook?: any; + 'border-color'?: string; + borderColor?: string; /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... */ - 'callout-offset'?: any; - calloutOffset?: any; + 'border-radius'?: any; + borderRadius?: any; /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... */ - 'callout-position'?: string; - calloutPosition?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + * Sets the style of the cursor when hovering over a node. "hand" | "normal" */ - 'callout-width'?: any; - calloutWidth?: any; + cursor?: string; /** * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... */ @@ -17540,37 +15247,33 @@ declare namespace zingchart { 'gradient-stops'?: string; gradientStops?: string; /** - * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... - */ - height?: any; - /** - * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... - */ - margin?: any; - /** - * Sets the object's bottom margin. 4 | "6px" | ... + * Sets the line color of the object, applicable on non-closed shapes. See also border-colorfor closed shapes. "none" | "transparent" + * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'margin-bottom'?: any; - marginBottom?: any; + 'line-color'?: string; + lineColor?: string; /** - * Sets the object's left margin. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... */ - 'margin-left'?: any; - marginLeft?: any; + 'line-gap-size'?: any; + lineGapSize?: any; /** - * Sets the object's right margin. 4 | "6px" | ... + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... */ - 'margin-right'?: any; - marginRight?: any; + 'line-segment-size'?: any; + lineSegmentSize?: any; /** - * Sets the object's top margin. 4 | "6px" | ... + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" */ - 'margin-top'?: any; - marginTop?: any; + 'line-style'?: string; + lineStyle?: string; /** - * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + * Sets the line width of the object, applicable on non-closed shapes. See also border-widthfor closed shapes. 4 | "6px" | ... */ - position?: string; + 'line-width'?: any; + lineWidth?: any; /** * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 */ @@ -17602,560 +15305,1032 @@ declare namespace zingchart { */ 'shadow-distance'?: any; shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; /** * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 */ visible?: boolean; + 'highlight-state'?: highlightState; + highlightState?: highlightState; + }; + 'page-off'?: pageOff; + pageOff?: pageOff; + 'page-on'?: pageOn; + pageOn?: pageOn; + 'page-status'?: pageStatus; + pageStatus?: pageStatus; + scroll?: { + bar?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + }; + tooltip?: tooltip; + }; + /** + * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets + * of data. 5 | 10 | ... + */ + 'max-trackers'?: number; + maxTrackers?: number; + 'media-rules'?: Array<{ + /** + * Sets the maximum chart height in pixels. 600 | 400 | 300 + */ + 'max-height'?: number; + maxHeight?: number; + /** + * Sets the maximum chart width in pixels. 1000 | 800 | 600 + */ + 'max-width'?: number; + maxWidth?: number; + /** + * Sets the minimum chart height in pixels. 600 | 400 | 300 + */ + 'min-height'?: number; + minHeight?: number; + /** + * Sets the minimum chart width in pixels. 1000 | 800 | 600 + */ + 'min-width'?: number; + minWidth?: number; + /** + * Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller + * breakpoints. true | false + */ + visible?: boolean; + }>; + 'no-data'?: noData; + noData?: noData; + options?: { + /** + * To set the layout of the word cloud. "spiral" | "flow-center" | "flow-top" + */ + aspect?: string; + /** + * To define words to be excluded from the word cloud, e.g., "and" or "the". [...] + */ + ignore?: any; + /** + * When the "color-type" attribute is set to "color", use this attribute to set the color of the text in the word cloud. "red" | "#3F + * 51B5" | ... + */ + color?: string; + /** + * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette + * " value with the "palette" array. "random" (default) | "color" | "palette" + */ + 'color-type'?: string; + colorType?: string; + /** + * To set the maximum font size. 20 | "30px" | ... + */ + 'max-font-size'?: any; + maxFontSize?: any; + /** + * To set the maximum number of items displayed in the word cloud. 100 | 30 | ... + */ + 'max-items'?: any; + maxItems?: any; + /** + * To set the minimum font size. 10 | "12px" | ... + */ + 'min-font-size'?: any; + minFontSize?: any; + /** + * When the "color-type" attribute is set to "palette", use this attribute to set the color palette of the word cloud. [...] + */ + palette?: any; + /** + * To set whether every one or two words rotates 90 degrees. true | false (default) + */ + rotate?: boolean; + /** + * To control the step metering. Use this with the "step-radius" attribute. 45 | 90 | ... + */ + 'step-angle'?: any; + stepAngle?: any; + /** + * To control the step metering. Use this with the "step-angle" attribute. 30 | 50 | ... + */ + 'step-radius'?: any; + stepRadius?: any; + /** + * To provide the data for the word cloud. (Alternatively, data can be provided through a "words" array.) "text data..." | ... + */ + text?: string; + /** + * To set the type of item to be analyzed: words or characters. "word" (default) | "character" + */ + token?: string; + button?: { + /** + * To set the text of the button 3m | 2015 | all + */ + text?: string; /** - * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + * To set multiplier for count ytd | all | year | month | week | day | hour | minute */ - width?: any; + type?: string; /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + * Offset from start to zoom. This attribute is coupled with the type attribute to determine where to set the zoom level. 1 | 2 | 3 */ - x?: any; + count?: any; + }; + 'context-menu'?: contextMenu; + contextMenu?: contextMenu; + indicator?: { /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + * To set the visibility of the object. true | false */ - y?: any; - 'item-off'?: itemOff; - itemOff?: itemOff; - item?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: 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-color'?: string; - borderColor?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; + visible?: boolean; + npv?: { + /** + * To set the number of decimals that will be displayed. 0 | 1 |2 | ... + */ + decimals?: number; + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; }; - } - interface refresh { + title?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + value?: { + /** + * To set the font color. 'gray' | '#666699' | ... + */ + 'font-color'?: any; + fontColor?: any; + /** + * To set the font family. 'Arial' | 'Georgia' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * To set the font size. 30 | 24 | 16 | ... + */ + 'font-size'?: number; + fontSize?: number; + /** + * To set the font style. 'normal' | 'italic' + */ + 'font-style'?: string; + fontStyle?: string; + /** + * To set the font weight. 'normal' | 'bold' + */ + 'font-weight'?: string; + fontWeight?: string; + /** + * To set the visibility of the object. true | false + */ + visible?: boolean; + }; + }; + link?: link; + 'link[sibling]'?: link; + [key: `link[cls-${string}`]: link; + [key: `link[container-${string}`]: link; + [key: `link[group-${string}`]: link; + [key: `link[level-${string}`]: link; + [key: `link[parent-${string}`]: link; + [key: `link[source-${string}`]: link; + [key: `link[target-${string}`]: link; + links?: link; + 'max-iterations'?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + maxLevel?: any; + /** + * @description Sets the maximum level the items have to be on so that they will be processed. + */ + 'max-level'?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + maxLinkWidth?: any; + /** + * @description Sets the max width for the links between nodes (available in the force directed graphs). + */ + 'max-link-width'?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + maxSize?: any; + /** + * @description Sets the maximum size for the tree nodes. + */ + 'max-size'?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + maxValue?: any; + /** + * @description Sets a maximum value. + * For heatmap charts, sets a maximum reference value. If not set, the maximum value found in the data is used. + * For treemap charts, sets a maximum value that a box has to have in order to be evaluated and displayed on the treemap. + */ + 'max-value'?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + minLength?: any; + /** + * @description When set, filter out words shorter than minLength from the wordcloud + */ + 'min-length'?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + minLevel?: any; + /** + * @description Sets the minimum level the items have to be on so that they will be processed. + */ + 'min-level'?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + minLinkWidth?: any; + /** + * @description Sets the minimum width for the links between nodes (available in the force directed graphs). + */ + 'min-link-width'?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + minSize?: any; + /** + * @description Sets the minimum size. + * For tree module charts, sets the minimum size for the tree nodes. + * For bubble pack charts, sets the minimum pixel-size of bubbles. + */ + 'min-size'?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + minValue?: any; + /** + * @description Sets a minimum value. + * For heatmap charts, sets a minimum reference value. If not set, the minimum value found in the data is used. + * For treemap charts, sets the minimum value box ihas to have in order to be evaluated and displayed on the treemap. + */ + 'min-value'?: any; + node?: node; + 'node[collapsed]'?: node; + 'node[leaf]'?: node; + 'node[parent]'?: node; + [key: `node[cls-${string}`]: node; + [key: `node[container-${string}`]: node; + [key: `node[group-${string}`]: node; + [key: `node[level-${string}`]: node; + [key: `node[parent-${string}`]: node; + style?: { /** - * Sets the type of data refresh, full being the only option at loader's level. "full" + * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co + * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... */ - type?: string; + alpha?: number; /** - * Defines the specific type of feed. http | js | websockets - */ - transport?: string; - /** - * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 - */ - url?: string; - /** - * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu - * med. 5 | 10 | ... - */ - interval?: number; - /** - * Sets the max amount of nodes visible in the graph. 5 | 10 | ... - */ - 'max-ticks'?: number; - maxTicks?: number; - /** - * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... - */ - 'reset-timeout'?: number; - resetTimeout?: number; - /** - * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true - */ - 'adjust-scale'?: boolean; - adjustScale?: boolean; - curtain?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets 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-1'?: string; - backgroundColor1?: 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-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 - */ - bold?: string; - /** - * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-bottom'?: string; - borderBottom?: 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-color'?: string; - borderColor?: string; - /** - * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-left'?: string; - borderLeft?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati - * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat - * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-left'?: any; - borderRadiusBottomLeft?: any; - /** - * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea - * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-bottom-right'?: any; - borderRadiusBottomRight?: any; - /** - * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s - * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... - */ - 'border-radius-top-left'?: any; - borderRadiusTopLeft?: any; - /** - * 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-radius-top-right'?: any; - borderRadiusTopRight?: any; - /** - * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... - */ - 'border-right'?: string; - borderRight?: string; - /** - * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl - * es. "2px solid #f00" | ... - */ - 'border-top'?: string; - borderTop?: string; - /** - * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 - */ - callout?: boolean; - /** - * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... - */ - 'callout-extension'?: any; - calloutExtension?: any; - /** - * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... - */ - 'callout-height'?: any; - calloutHeight?: any; - /** - * 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-hook'?: any; - calloutHook?: any; - /** - * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... - */ - 'callout-offset'?: any; - calloutOffset?: any; - /** - * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" - */ - 'callout-position'?: string; - calloutPosition?: string; - /** - * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... - */ - 'callout-width'?: any; - calloutWidth?: any; - /** - * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, - * 15)" | ... - */ - color?: string; - /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * 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-angle'?: number; - fontAngle?: number; - /** - * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" - * | ... - */ - 'font-color'?: string; - fontColor?: string; - /** - * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... - */ - 'font-family'?: string; - fontFamily?: string; - /** - * Sets the text's font size. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" - */ - 'font-style'?: string; - fontStyle?: string; - /** - * Sets the text's font weight. Similar to bold. "normal" | "bold" - */ - 'font-weight'?: string; - fontWeight?: 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 - */ - italic?: boolean; - /** - * 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 "..." 5 | 10 | ... - */ - 'max-chars'?: number; - maxChars?: number; - /** - * 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-t - * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... - */ - 'max-width'?: any; - maxWidth?: any; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * 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?: any; - /** - * Sets the object's bottom padding around the text. 4 | "6px" | ... - */ - 'padding-bottom'?: any; - paddingBottom?: any; - /** - * Sets the object's left padding around the text. 4 | "6px" | ... - */ - 'padding-left'?: any; - paddingLeft?: any; - /** - * Sets the object's right padding around the text. 4 | "6px" | ... - */ - 'padding-right'?: any; - paddingRight?: any; - /** - * Sets the object's top padding around the text. 4 | "6px" | ... - */ - 'padding-top'?: any; - paddingTop?: any; - /** - * Renders text right-to-left. Default value is false. true | false | 1 | 0 - */ - rtl?: boolean; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the text content of the object. "Some Text" | ... - */ - text?: string; - /** - * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" - */ - 'text-align'?: string; - textAlign?: string; - /** - * 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% tran - * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... - */ - 'text-alpha'?: number; - textAlpha?: number; - /** - * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch - * arts are rendered using SVG. "none" | "underline" - */ - 'text-decoration'?: string; - textDecoration?: string; - /** - * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi - * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 - */ - underline?: boolean; - /** - * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom - * " - */ - 'vertical-align'?: string; - verticalAlign?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 - */ - 'wrap-text'?: boolean; - wrapText?: boolean; - }; - } - interface series { + * Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666 + * 699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)'). 'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100 + * , 15, 15)' | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border 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-color'?: string; + borderColor?: string; + /** + * Sets the border radius of the object. 2 | 3 | '5px' | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the border width of the object. 1 | 3 | '6px' | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the font family of the object. 'Arial' | 'Tahoma,Verdana' | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the line style of the object. 'solid' | 'dotted' | 'dashed' | 'dashdot' + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the padding of the object. 3 | '5px' | '10px' | ... + */ + padding?: any; + /** + * Sets the text transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 bei + * ng completely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + 'hover-state'?: hoverState; + hoverState?: hoverState; + tooltip?: tooltip; + }; + violin?: { + /** + * To set the trim. true | false | 0 | 1 + */ + trim?: boolean; + /** + * To set the jitter width. 0 | .5 | 1 | 2 | ... + */ + jitter?: any; + /** + * To set the `rounding-factor` on median edges. 0 | .5 | 1 | 2 | ... + */ + roundingFactor?: any; + /** + * To set the `mean-factor` width. 0 | .5 | 1 | 2 | ... + */ + meanFactor?: any; + /** + * To set the styling of the violin object. {} + */ + style?: any; + }; + words?: Array<{ + /** + * To set the word count. 5 | 20 | 100 | ... + */ + count?: any; + /** + * To set the word. "Flowers" | "Freesia" | "Peony" | ... + */ + text?: string; + }>; + }; + plot?: plot; + plotarea?: { + /** + * If true, it is similar with setting margin:"dynamic", added with adjust-layout attributes on title and legend. true | false | 1 | + * 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analyze + * s the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | " + * 5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. The plotarea object also accepts "dynamic" as value for the margin attribute, in which case it analy + * zes the scale labels and change the plotarea size accordingly in order to fit all scale labels. "dynamic" | 10 | "5px" | "10 20" | + * "5px 10px 15px 20px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets an additional margin specifically to the bottom of the plotarea when using dynamic margins. Offset will only be set if there + * is a scale object on the bottom of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-bottom-offset'?: any; + marginBottomOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the left of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-left-offset'?: any; + marginLeftOffset?: any; + /** + * Sets an additional margin specifically to the left of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the right of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-right-offset'?: any; + marginRightOffset?: any; + /** + * Sets an additional margin specifically to the top of the plotarea when using dynamic margins. Offset will only be set if there is + * a scale object on the top of the chart. "dynamic" | 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + 'margin-top-offset'?: any; + marginTopOffset?: any; + /** + * Sets the tolerance of the mask (in number of pixels) that covers the plotarea to allow objects to overflow outside of the plotarea + * . 4 | "6px" | ... + */ + 'mask-tolerance'?: number; + maskTolerance?: number; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + preview?: { + /** + * Forces the plotarea to consider the preview object positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the chart is updated when the preview active area is being moved. Default is false for classic theme and true for lig + * ht/dark themes. The graph will update only when a the mouse is released. true | false | 1 | 0 + */ + live?: boolean; + /** + * Sets the object's margins. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the minimum width of preview's active area. 5 | 10 | ... + */ + 'min-distance'?: number; + minDistance?: number; + /** + * Sets the object's position relative to its container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the zoom level is preserved when a chart is altered or reloaded. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the "x" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the "y" position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + active?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + handle?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a s + * tring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-bottom'?: any; + borderBottom?: any; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a str + * ing. "1px solid green" | "3px dotted purple" | ... + */ + 'border-left'?: any; + borderLeft?: any; + /** + * Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6p + * x 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a st + * ring. "1px solid green" | "3px dotted purple" | ... + */ + 'border-right'?: any; + borderRight?: any; + /** + * Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a stri + * ng. "1px solid green" | "3px dotted purple" | ... + */ + 'border-top'?: any; + borderTop?: any; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; /** - * Sets the transparency level of backgrounds, borders, and lines. Values must range between 0.0 and 1.0, with 0.0 being completely t - * ransparent and 1.0 being completely opaque. Note that values require the leading zero before the decimal point. 0.3 | 0.9 | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + }; + label?: { + /** + * 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 comp + * letely 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 | ... */ alpha?: number; /** - * Modifies how data points appear on a chart. Refer to the applicable chart types page for more information. Options by Chart Type: - * "segmented" | "spline" | "stepped" | "jumped" | "cone" | "histogram" | ... + * 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. -4 + * 5 | 115 | ... */ - aspect?: string; + angle?: number; /** * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use "gradient-c - * olors" and "gradient-stops". "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + * 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'?: string; backgroundColor?: string; /** - * Sets 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)" | ... + * 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 f + * or output canvas and svg. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ 'background-color-1'?: string; backgroundColor1?: 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)" | ... + * 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-color-2'?: string; backgroundColor2?: string; @@ -18170,7 +16345,7 @@ declare namespace zingchart { 'background-image'?: string; backgroundImage?: string; /** - * Sets the position of the background when the "background-repeat" value is "no-repeat". "0 0" | "50 100" | "80% 60%" | ... + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... */ 'background-position'?: string; backgroundPosition?: string; @@ -18180,42 +16355,26 @@ declare namespace zingchart { 'background-repeat'?: string; backgroundRepeat?: string; /** - * Nested Pie Charts Only: This attribute is used to set the space between band in nested pie charts ("type":"nestedpie"). 5 | 10 | . - * .. - */ - 'band-space'?: number; - bandSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the amount of space between each bar in a single plot index. "10" | "10%" | "10px" - */ - 'bar-space'?: number; - barSpace?: number; - /** - * Bar Charts and Bullet Charts Only: Sets the width of each bar. "10" | "10%" | "10px" - */ - 'bar-width'?: any; - barWidth?: any; - /** - * Bar Charts and Bullet Charts Only: Defines how much the bars in each plot index should overlap. "10" | "10%" | "10px" - */ - 'bars-overlap'?: number; - barsOverlap?: number; - /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the left of the bars at each index position. "10" | "10%" | "10px" + * 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 */ - 'bars-space-left'?: number; - barsSpaceLeft?: number; + bold?: boolean; /** - * Bar Charts and Bullet Charts Only: Defines the spacing to the right of the bars at each index position. "10" | "10%" | "10px" + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'bars-space-right'?: number; - barsSpaceRight?: number; + 'border-bottom'?: string; + borderBottom?: 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)" | ... + * 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-color'?: string; borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; /** * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v @@ -18249,14 +16408,30 @@ declare namespace zingchart { 'border-radius-top-right'?: any; borderRadiusTopRight?: any; /** - * Sets the border width of the object, applicable on closed shapes. See also "line-width" for closed shapes. 4 | "6px" | ... + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... */ - 'border-width'?: any; - borderWidth?: any; + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any /** * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 */ callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; /** * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... */ @@ -18270,7 +16445,7 @@ declare namespace zingchart { calloutHook?: any; /** * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar - * row up, down, left, or right depending on the "callout-position". 4 | "6px" | ... + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... */ 'callout-offset'?: any; calloutOffset?: any; @@ -18285,203 +16460,108 @@ declare namespace zingchart { 'callout-width'?: any; calloutWidth?: any; /** - * Area Charts Only: Sets whether the contour lines on area plots will be on top of all areas or will be hidden by the next area plot - * on top of it. You will notice when the attribute is set to true the lines are all set above the shaded regions. true | false | 1 - * | 0 - */ - 'contour-on-top'?: boolean; - contourOnTop?: boolean; - /** - * By defalut null values within series arrays will create a blank space within a plot. Setting connect-nulls to true will connect va - * lues through a null data point. true | false | 1 | 0 - */ - 'connect-nulls'?: boolean; - connectNulls?: boolean; - /** - * Sets the style of the cursor when hovering over a node. "hand" | "normal" - */ - cursor?: string; - /** - * This attribute allows you to create custom tokens and associate static or dynamic data to them. This attribute can be used almost - * anywhere in a chart. "Some Text" | ... - */ - 'data-...'?: string; - /** - * This attribute allows you to click and drag a bar's height in a bar chart. true | false | 1 | 0 - */ - 'data-dragging'?: boolean; - dataDragging?: boolean; - /** - * Using the decimals attribute will allow you to set the number of decimal places associated to each value. 5 | 10 | ... - */ - decimals?: number; - /** - * The "decimals-separator": attribute allows you to set what type of punctuation the will be used in the decimal place. "." | "," | - * ... - */ - 'decimals-separator'?: string; - decimalsSeparator?: string; - /** - * This attribute sets description text for the plot which can be addressed in various areas with the %plot-description token. "Some - * Text" | ... + * Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text. true | false | 1 | 0 */ - description?: string; - /** - * By default ZingChart uses sampling when rendering charts. This helps improve rendering speeds and typically does not effect the ap - * pearance of the chart. However, using the attribute "exact": true within the "plot": { } object forces ZingChart to render all nod - * es. true | false | 1 | 0 - */ - exact?: boolean; - /** - * This attribute sets the values to scientific notation true | false | 1 | 0 - */ - exponent?: boolean; + 'clip-text'?: boolean; + clipText?: boolean; /** - * This attribute set the number of decimals to be used when using exponents for scientific notation 5 | 10 | ... + * 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)" | ... */ - 'exponent-decimals'?: number; - exponentDecimals?: number; + color?: string; /** - * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + * 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-angle'?: number; fillAngle?: number; /** - * Sets an X offset to apply to the fill. 4 | "6px" | ... + * Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-x'?: any; fillOffsetX?: any; /** - * Sets an Y offset to apply to the fill. 4 | "6px" | ... + * Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ 'fill-offset-y'?: any; fillOffsetY?: any; /** - * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + * Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text. "linear" | " + * radial" */ 'fill-type'?: string; fillType?: string; /** - * Bullet Charts Only: Accepts numerical values. Determines where goals are set for all plots. The "goals": [ ] values can also be se - * t individually within each value set. [45, 70, 60] - */ - goals?: any; - /** - * Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with "gradient-stops". "#f00 #0f - * 0 #00f" | ... - */ - 'gradient-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * When true, automatically selects all nodes with the same scale index as the selected node. The selection-mode attribute must also - * be set. true | false | 1 | 0 - */ - 'group-selections'?: boolean; - groupSelections?: boolean; - /** - * Sets the ID of the object. "myid" | "f1" | ... - */ - id?: string; - /** - * Venn Diagrams Only: This attribute allow you to set the values for the area to be shared between each node. [30] - */ - join?: any; - /** - * The "legend-text": attribute is typically used within "series": [ ] value sets. Using this attribute allows you to associate both - * a "text":" " and "legend-text":" " to each value set "Some Text" | ... - */ - 'legend-text'?: string; - legendText?: string; - /** - * Sets the line color of the object, applicable on non-closed shapes. See also "border-color" for closed shapes. "none" | "transpare - * nt" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with "line-segment-size". This will control the size of the gaps bet - * ween each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with "line-gap-size". This will control the size of the visible segm - * ent of line. 4 | "6px" | ... + * 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 | ... */ - 'line-segment-size'?: any; - lineSegmentSize?: any; + 'font-angle'?: number; + fontAngle?: number; /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + * 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)" | ... */ - 'line-style'?: string; - lineStyle?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the line width of the object, applicable on non-closed shapes. See also "border-width" for closed shapes. 4 | "6px" | ... + * Sets the text's font family. For the scale-x / scale-y label. See the red text. "Arial" | "Tahoma,Verdana" | ... */ - 'line-width'?: any; - lineWidth?: any; + 'font-family'?: string; + fontFamily?: string; /** - * Applies to charts such as line and area which have markers. When there are too many markers for the chart ZingChart does not displ - * ay all markers. Example 1000 nodes on a 300px wide chart. Setting max-nodes will override the default setting and force nodes to b - * e displayed. 5 | 10 | ... + * Sets the text's font size. For the scale-x / scale-y label. See the red text. 4 | "6px" | ... */ - 'max-nodes'?: number; - maxNodes?: number; + 'font-size'?: any; + fontSize?: any; /** - * Heat Maps Only: Sets a maximum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text. "none" | "italic" | "oblique" */ - 'max-ratio'?: number; - maxRatio?: number; + 'font-style'?: string; + fontStyle?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the maximum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text. "normal" | "bold" */ - 'max-size'?: number; - maxSize?: number; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the maximum numbers of nodes for which a tracking area will be created. This is best used to optimize charts with large sets - * of data. 5 | 10 | ... + * 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" | ... */ - 'max-trackers'?: number; - maxTrackers?: number; + 'gradient-colors'?: string; + gradientColors?: string; /** - * Sets whether or not a node is wrapped equally before and after its position. true | false | 1 | 0 + * 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" | ... */ - 'mid-point'?: boolean; - midPoint?: boolean; + 'gradient-stops'?: string; + gradientStops?: string; /** - * Heat Maps Only: Sets a minimum ratio applied to the value of the node when calculating its aspect. 0 | 0.4 | ... + * 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%" | ... */ - 'min-ratio'?: number; - minRatio?: number; + height?: any; /** - * Bubble Charts and Bubble Pie Charts Only: Defines the minimum size of the bubble if the value representing size is not sharing the - * same ratio with the value scale. 5 | 10 | ... + * 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 */ - 'min-size'?: number; - minSize?: number; + italic?: boolean; /** - * Sets whether monotone interpolation is used for charts using the "spline" aspect. true | false | 1 | 0 + * If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts. */ - monotone?: boolean; + 'lock-rotation'?: boolean; + lockRotation?: boolean; /** - * Setting "multiplier": true will take large numbers such as thousands, millions, etc and replace the full number with an abbreviate - * d notation with a short unit such as K, M, B, etc true | false | 1 | 0 + * 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 | ... */ - multiplier?: boolean; + 'max-chars'?: number; + maxChars?: number; /** - * This attribute will determine how negative values are handled. When using "format":"$%v" setting "negation":"currency" will move t - * he - symbol to the outside of the $ sign. When using "negation" within the "plot": { } object you will see changes in things such - * as tooltips or anywhere else series data is used to populate values. You need to set "negation" in things such as "scale-y": { } s - * eparately. "standard" | "currency" + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... */ - negation?: string; + 'max-width'?: any; + maxWidth?: any; /** * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... */ @@ -18493,570 +16573,2481 @@ declare namespace zingchart { 'offset-y'?: any; offsetY?: any; /** - * Bar, Line and Area Charts only Include object in any series to override style displayed in the preview window. {...} + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... */ - 'preview-state'?: any; - previewState?: any; + 'padding-bottom'?: any; + paddingBottom?: any; /** - * Pie Charts Only: Provides the ability to rotate the chart. 5 | 10 | ... + * Sets the object's left padding around the text. 4 | "6px" | ... */ - 'ref-angle'?: number; - refAngle?: number; + 'padding-left'?: any; + paddingLeft?: any; /** - * Heat Maps Only: Sets the value (default 'plot-max') which is used as a reference for calculating node aspect. "plot-max" | "plot-t - * otal" | "chart-max" | "chart-total" + * Sets the object's right padding around the text. 4 | "6px" | ... */ - reference?: string; + 'padding-right'?: any; + paddingRight?: any; /** - * By default ZingChart uses sampling when rendering large datasets. If you are trying to render 10000 data points on a chart which i - * s only 500px wide there is not enough space for each data point. ZingChart will automatically determine which data points to show. - * The "sampling-step": attribute allows you to set the step for sampling. For example if you have 10000 data points and set "sampli - * ng-step":10 it will show point 1,10,20,... Also note the "exact": true attribute if you want to force all data points. 5 | 10 | .. - * . + * Sets the object's top padding around the text. 4 | "6px" | ... */ - 'sampling-step'?: number; - samplingStep?: number; + 'padding-top'?: any; + paddingTop?: any; /** - * Specifies the scales used by the series item. scale-x,scale-y | scale-x,scale-y-2 | ... + * Renders text right-to-left. Default value is false. true | false | 1 | 0 */ - scales?: string; + rtl?: boolean; /** - * Bubble Charts and Bubble Pie Charts Only: Sets the method used to relate the bubble numerical value to it's aspect. "radius" | "sq - * rt" | "area" + * Sets the text content of the object. "Some Text" | ... */ - scaling?: string; + text?: string; /** - * When scrolling is enabled for a chart, ZingChart automatically samples the data in order to maintain performance during the re-ren - * dering of the chart that occurs during scrolling. By default, ZingChart will automatically sample every other item (scroll-step-mu - * ltiplier:2). Setting scroll-step-multiplier to 1 will force the library to sample every data point, essentially disabling sampling - * . 5 | 10 | ... + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" */ - 'scroll-step-multiplier'?: number; - scrollStepMultiplier?: number; + 'text-align'?: string; + textAlign?: string; /** - * Line Charts and Area Charts Only: Allows you to specify whether tooltips are activated by the markers and lines (default) or the m - * arkers only. true (default) | false + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... */ - 'segment-trackers'?: boolean; - segmentTrackers?: boolean; + 'text-alpha'?: number; + textAlpha?: number; /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + * Sets the text's decoration. Similar to underline. For output canvas and flash. "none" | "underline" */ - shadow?: boolean; + 'text-decoration'?: string; + textDecoration?: string; /** - * Sets 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 | ... + * Sets whether the text is displayed with underlined characters or not. For output canvas and flash. true | false | 1 | 0 */ - 'shadow-alpha'?: number; - shadowAlpha?: number; + underline?: boolean; /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... + * Sets the visibility of the object. For the label. Used with output canvas and svg. true | false | 1 | 0 */ - 'shadow-angle'?: number; - shadowAngle?: number; + visible?: boolean; /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... */ - 'shadow-blur'?: any; - shadowBlur?: any; + width?: any; /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 */ - 'shadow-color'?: string; - shadowColor?: string; + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + mask?: { /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'shadow-distance'?: any; - shadowDistance?: any; + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + }; + }; + 'scale-k'?: scaleK; + scaleK?: scaleK; + 'scale-r'?: scaleR; + scaleR?: scaleR; + 'scale-v'?: scaleV; + scaleV?: scaleV; + 'scale-x'?: scaleX; + scaleX?: scaleX; + [key: `scale-x-${number}`]: scaleX; + [key: `scaleX${number}`]: scaleX; + 'scale-y'?: scaleY; + scaleY?: scaleY; + [key: `scale-y-${number}`]: scaleY; + [key: `scaleY${number}`]: scaleY; + scale?: { + /** + * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... + */ + 'size-factor'?: number; + sizeFactor?: number; + }; + 'scroll-x-scroll-y'?: scrollXScrollY; + scrollXScrollY?: scrollXScrollY; + selectionTool?: { + mask?: { /** - * Setting "short": true will abbreviate long numbers such as 100000 to 1K or 1000000 to 1M. When set within the "plot": {} object th - * is change will be noticed anywhere values are pulled from series data. This can also be used in places such as "scale-y, scale-x, - * etc" true | false | 1 | 0 + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - short?: boolean; + alpha?: number; /** - * By default when setting "short": true ZingChart will round to the nearest short unit (ie 100000 to 100K and 1000000 to 1M). You ca - * n set the short-unit and ZingChart will round all numbers to that unit. Note when setting this within the "plot": { } object the c - * hanges will only effect values which are pulled from the series values. Things such as scale are set separately. "k" | "K" | "m" | - * "M" | "b" | "B" + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - 'short-unit'?: string; - shortUnit?: string; + 'background-color'?: string; + backgroundColor?: string; /** - * On bar charts, when the value of a bar is 0, setting `show-zero`: true will add 1 pixel to the height of the bar so that it is onl - * y just visible. true | false | 1 | 0 + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... */ - 'show-zero'?: boolean; - showZero?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Bubble Charts and Bubble Pie Charts Only: Sets a multiplier (default 1) used to increase/decrease the bubble size 5 | 10 | ... + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... */ - 'size-factor'?: number; - sizeFactor?: number; + 'border-width'?: any + borderWidth?: any + }; + }; + series?: series[]; + shapes?: Array<{ + /** + * Sets the end angle of a pie shape. "10" | "212" | ... + */ + 'angle-end'?: number; + angleEnd?: number; + /** + * Sets the beginning angle of a pie shape. "10" | "212" | ... + */ + 'angle-start'?: number; + angleStart?: number; + /** + * Sets the height of the shape "10" | "212" | ... + */ + height?: number; + /** + * Id of the shape "myShape" | "Square2" | ... + */ + id?: string; + /** + * Sets the radius of the inner ring of a pie shape. "10" | "42" | ... + */ + slice?: number; + /** + * Sets the width of the shape "10" | "212" | ... + */ + width?: number; + /** + * Sets the transparency of the object. The higher the value, the less transparent the object appears. Value ranges from 0.1 to 1 Req + * uires the formatting 0.x 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the border color of the object, applicable on closed shapes. See also line-color for closed shapes. Relies on border-width se + * tting. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. Defaults to black when border-color is not defined. See also lin + * e-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. Positive value moves the offset right. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets a Y offset to apply to the fill. With a radial fill, positive value moves the offset down. With a linear fill, affects locati + * on of the gradient stop. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets a set of colors for a complex background gradient (more than 2 colors) of the object. Used with gradient stops. "#f00 #0f0 #0 + * 0f" | ... + */ + 'gradient-colors'?: string; + gradientColors?: string; + /** + * Sets a set of steps corresponding for each color for a complex background gradient (more than 2 colors) of the object. Paired with + * gradient-colors. "0.1 0.5 0.9" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes. "none" | "transparent + * " | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'line-color'?: string; + lineColor?: string; + /** + * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe + * en each line segment. 4 | "6px" | ... + */ + 'line-gap-size'?: any; + lineGapSize?: any; + /** + * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen + * t of line. 4 | "6px" | ... + */ + 'line-segment-size'?: any; + lineSegmentSize?: any; + /** + * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" + */ + 'line-style'?: string; + lineStyle?: string; + /** + * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... + */ + 'line-width'?: any; + lineWidth?: any; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets a radial offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-r'?: any; + offsetR?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** Sets map options */ + options?: any; + /** + * Sets the coordinates of the object/shape points. [ [10,10], [10,20], [20,20], [20,10], [10,10] ] | ... + */ + points?: any; + /** + * Sets whether the object gets a shadow or not. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the size of the object/shape. 4 | "6px" | ... + */ + size?: any; + /** + * Sets the type of the object/shape. "rect" | "circle" | "star5" | "star9" | "square" | "diamond" | "triangle" | "plus" | "cross" | + * "line" | "poly" | "pie" | ... + */ + type?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + }>; + source?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. In this case, the alpha is applied to the ba + * ckground of the object. To affect the alpha of text, use text-alpha. 0....1 + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * For source, bold is the default. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Requires border-width. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Requires border-width and defaults to black if there is no border-color specified. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Requires border-width. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Truncates text based on the setting of width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Works with fill-angle to position gradient. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Margin is set from top-left of the chart. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets 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" + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * For source, this may require position in order to be visible. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Negative values move the object left from the left edge of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Positive values move the object down from the top of the chart. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + subtitle?: { + /** + * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the subtitle. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether or not the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Cuts off extra text. Use with width. true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the color of the text in the subtitle. Similar with font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear fill is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the fill type. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the subtitle text. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the color of the subtitle text. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, + * 15, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the font family of the subtitle text. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the font size of the subtitle text. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the font style of the subtitle text. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the font weight of the subtitle text. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the subtitle is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s by positioning it within the specified area. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's margin from the top of the chart. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed in the text label of the subtitle. If value is smaller than the length of the text + * , the original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's padding around the text of the subtitle. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the subtitle. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object of the subtitle. Defaults to gray when font-color is not set. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the subtitle. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the transparency of the subtitle text. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text decoration for the subtitle text. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the subtitle is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the subtitle object's box . "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. May truncate text. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Forces wrapping of the text inside a confined box width. Requires a setting for width. Without text wrap, text will be truncated. + * true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + /** + * Time-Series Charts only: To set the UTC timezone. Use with the 'utc' attribute and 'transform' object in the applicable scale object. + * Default Value: 0 + */ + 'time-zone'?: number; + timeZone?: number; + title?: { + /** + * Forces the plotarea to consider the title positioning and prevent overlapping with it. true | false | 1 | 0 + */ + 'adjust-layout'?: boolean; + adjustLayout?: boolean; + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the first color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-1'?: string; + backgroundColor1?: string; + /** + * Sets the second color of a 2 color background gradient of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" + * | "rgb(100, 15, 15)" | ... + */ + 'background-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not in the title. true | false | 1 | 0 + */ + bold?: boolean; + /** + * Sets the object's bottom border style. Defaults to black when color is not set properly. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: string; + /** + * Sets the border color of the object, applicable on closed shapes. Requires border width. See also line-color for closed shapes. "n + * one" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px + * 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * Sets the object's top-right border radius, for rounded corners. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Operates like border-bottom. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. If no border-color is set + * , will display in black.. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets if the object will have a callout arrow. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length for extension line off the tip of the callout arrow. Requires border-width. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * Sets a location for the point of the tip of the callout arrow. Uses XY coordinates. [200, 50] | ... + */ + 'callout-hook'?: any; + calloutHook?: any; + /** + * Sets the offset for the origin of the callout arrow. Uses positive or negative values to move the arrow right/left/up/down. 4 | "6 + * px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets which edge will be the location for the object's callout arrow. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * true | false | 1 | 0 + */ + 'clip-text'?: boolean; + clipText?: boolean; + /** + * Sets the text's color in the title. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * Sets the rotation angle of the title. Similar with angle. -45 | 115 | ... + */ + 'font-angle'?: number; + fontAngle?: number; + /** + * Sets the text's color of the title. Similar with color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 1 + * 5, 15)" | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family of the title. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size of the title. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style of the title. Similar with italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight of the title. Similar with bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets whether the text of the title is displayed with italic characters or not. Similar with font-weight. true | false | 1 | 0 + */ + italic?: boolean; + /** + * Sets the item id of the map on which the object/shape is being added. "itemid" | ... + */ + item?: string; + /** + * Sets the map id of the map on which the object/shape is being added. "mapid" | ... + */ + map?: string; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the maximum number of characters displayed by the text label of the title. If value is smaller than the length of the text, t + * he original text will be trimmed and '...' will be appended at the end. 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * Sets the object's bottom padding around the text of the title. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + padding?: any; + /** + * Sets the object's bottom padding around the text of the title. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text of the title. padding-left here may push the text out of the containing legend if t + * he number is big enough. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text of the title. padding-right here will not push the text out of the containing lege + * nd. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text of the title. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the title. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the box of the text. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * Sets the text's transparency of the title. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration of the title. Similar with underline. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text of the title is displayed with underlined characters or not. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment relative to the object's box of the title. "top" | "middle" | "bottom" + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + /** + * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... + */ + 'z-index'?: number; + zIndex?: number; + }; + tooltip?: tooltip; + /** + * Time-Series Charts only: To set the chart to UTC time. Use with the 'timezone' attribute and 'transform' object in the applicable scale object. + */ + utc?: boolean; + values?: any; + widget?: { + /** + * Type of the widget. The zingchart.widgets.myWidget object must exist and define a "parse" method returning an object with "graphs" + * , "labels" and "shapes" collections which will be injected in the original JSON. "myWidget" | ... + */ + type?: string; + }; + zoom?: { + /** + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... + */ + 'border-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object. 1 | 3 | | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * API charts only: Sets whether the zoom level is preserved on chart data alteration or reloads. true | false | 1 | 0 + */ + 'preserve-zoom'?: boolean; + preserveZoom?: boolean; + label?: { /** - * Nested Pie Charts Only: Sets the initial offset of the pie layers when making a nestedpie 5 | 10 | ... + * 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 be + * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... */ - 'slice-start'?: number; - sliceStart?: number; + alpha?: number; /** - * Using the "stack": attribute allows you to assign which plot index you want to each value set associated with when using a stacked - * chart. 5 | 10 | ... + * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 + * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, + * 15, 15)" | ... */ - stack?: number; + 'background-color'?: string; + backgroundColor?: string; /** - * Setting "stacked": true will take each of the "series": [ ] value sets and stack them on top of one another true | false | 1 | 0 + * Sets the border color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... */ - stacked?: boolean; + 'border-color'?: string; + borderColor?: string; /** - * Applicable on aspect=stepped, sets the location of the stepping relative to two consecutive nodes. "before" | "middle" | "after" + * Sets the border width of the object. 1 | 3 | | "6px" | ... */ - 'step-start'?: string; - stepStart?: string; + 'border-width'?: any + borderWidth?: any /** - * Sets the url's target for the link associated with the object. Use with "url". "_blank" | ... + * Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... */ - target?: string; + 'font-color'?: string; + fontColor?: string; /** - * Sets the thickness of pie3d charts. 5 | 10 | ... + * Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... */ - thickness?: number; + 'font-family'?: string; + fontFamily?: string; /** - * When you set the "thousands-separator": attribute the punctuation which is used will be placed to separate digits which go into 1, - * 000's 10,000's etc. When placed in the "plot": { } object this will only effect values which are pulled directly from the series d - * ata. Objects such as "scale-y": { }, "scale-x": { }, etc..., will need to be set separately. "." | "," | ... + * Sets the font size of the object text. 12 | "20px" | ... */ - 'thousands-separator'?: string; - thousandsSeparator?: string; + 'font-size'?: any; + fontSize?: any; /** - * Using the "tooltip-text":" " attribute allows you to set text for tooltips. This can also be done using a variety of other tokens - * "Some Text" | ... + * Sets the font style of the object text. "normal" | "italic" */ - 'tooltip-text'?: string; - tooltipText?: string; + 'font-style'?: string; + fontStyle?: string; /** - * Sets the type of the object/shape. - * Accepted Values: ['arc', 'arrow', 'circle', 'cross', 'diamond', 'ellipse','gear3', 'gear4', 'gear5', 'gear6', 'gear7', 'gear8', 'gear9', 'hamburger', 'line', 'parallelogram', 'pie','plus', - * 'poly', 'rect', 'rpoly3', 'rpoly4', 'rpoly5', 'rpoly6', 'rpoly7', 'rpoly8', 'rpoly9', 'square', 'star3', 'star4', 'star5', 'star6', 'star7', 'star8', 'star9', 'trapezoid', 'triangle'] - * Default Value: 'poly' + * Sets the font weight of the object text. "normal" | "bold" */ - type?: string; + 'font-weight'?: string; + fontWeight?: string; /** - * Sets the URL for the link associated with the object. "http://www.domain.com/link.php" | "link.asp" | ... + * Sets the padding around the object text. "10%" | "25px" ... */ - url?: string; + padding?: any; /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + * Sets the visibility of the object. true | false | 1 | 0 */ visible?: boolean; - /** - * Sets the z-axis end point on 3d charts. 10 | "10px" | ... - */ - 'z-end'?: number; - zEnd?: number; - /** - * Sets the z-index of the series object - */ - 'z-index'?: number; - zIndex?: number; - /** - * Sets the z-axis start point on 3d charts. 10 | "10px" | ... - */ - 'z-start'?: number; - zStart?: number; - animation?: { - /** - * Sets the delay in milliseconds between each step of the animation. 5 | 10 | ... - */ - delay?: number; - /** - * Sets the type of animation effect. ANIMATION_FADE_IN | ANIMATION_EXPAND_VERTICAL | 1 | 2 | ... - */ - effect?: number; - /** - * Sets the method used for each animation effect. ANIMATION_LINEAR | ANIMATION_BACK_EASE_OUT | 0 | 1 | ... - */ - method?: number; - /** - * Determines whether or not animation occurs when a change is made to the chart via an API event (e.g., adding node, adding plot, re - * moving node). true (default) | false | 1 | 0 - */ - 'on-change'?: boolean; - onChange?: boolean; - /** - * Determines whether or not animation occurs when users toggle legend items on and off. Note that in the "legend" object, the "toggl - * e-action" attribute must be set to "remove". true (default) | false | 1 | 0 - */ - 'on-legend-toggle'?: boolean; - onLegendToggle?: boolean; - /** - * Determines animation groups. ANIMATION_NO_SEQUENCE | ANIMATION_BY_PLOT | 0 | 1 | ... - */ - sequence?: number; - /** - * Sets the length of the animation in milliseconds. ANIMATION_SLOW | ANIMATION_FAST | 1000 | 4000 | ... - */ - speed?: number; - }; - 'background-marker'?: backgroundMarker; - backgroundMarker?: backgroundMarker; - 'background-state'?: backgroundState; - backgroundState?: backgroundState; - error?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the line color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Can be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps betwe - * en each line segment. 4 | "6px" | ... - */ - 'line-gap-size'?: any; - lineGapSize?: any; - /** - * Can be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segmen - * t of line. 4 | "6px" | ... - */ - 'line-segment-size'?: any; - lineSegmentSize?: any; - /** - * Sets the style applied to lines and borders of the object. "solid" | "dotted" | "dashed" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes. 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - }; - errors?: Array<{}>; - goal?: { - /** - * 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 comp - * letely opaque. Note that values require the leading zero before the decimal. 0.3 | 0.9 | ... - */ - alpha?: number; - /** - * Sets the background color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color'?: any; - backgroundColor?: any; - /** - * Sets the border color of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: any; - borderColor?: any; - /** - * Sets the border radius of the object, for rounded corners. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the height of the object. 10 | "20px" - */ - height?: number; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - }; - 'guide-label'?: guideLabel; - guideLabel?: guideLabel; - 'highlight-marker'?: highlightMarker; - highlightMarker?: highlightMarker; - 'highlight-state'?: highlightState; - highlightState?: highlightState; - 'hover-marker'?: hoverMarker; - hoverMarker?: hoverMarker; - 'hover-state'?: hoverState; - hoverState?: hoverState; - 'legend-item'?: legendItem; - legendItem?: legendItem; - 'legend-marker'?: legendMarker; - legendMarker?: legendMarker; - marker?: { - /** - * 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 comp - * letely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 - * | 0.9 | ... - */ - alpha?: number; - /** - * Sets the rotation angle of the object/shape. See the square points between the lines. -45 | 115 | ... - */ - angle?: number; - /** - * 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 se - * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co - * lors and gradient-stops. See the square points between the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | " - * rgb(100, 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the square points bet - * ween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-1'?: string; - backgroundColor1?: string; - /** - * Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. See the square points be - * tween the lines. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'background-color-2'?: string; - backgroundColor2?: string; - /** - * Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between - * the lines. "x" | "y" | "xy" - */ - 'background-fit'?: string; - backgroundFit?: string; - /** - * Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lin - * es. "image.png" | ... - */ - 'background-image'?: string; - backgroundImage?: string; - /** - * Sets the position of the background when the background-repeat value is no-repeat. See the square points between the lines. "0 0" - * | "50 100" | "80% 60%" | ... - */ - 'background-position'?: string; - backgroundPosition?: string; - /** - * Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" | "repeat" | "repeat-x" | " - * repeat-y" - */ - 'background-repeat'?: string; - backgroundRepeat?: string; - /** - * Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" | "transparent" - * | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... - */ - 'border-color'?: string; - borderColor?: string; - /** - * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co - * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v - * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. - * 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... - */ - 'border-radius'?: any; - borderRadius?: any; - /** - * Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 | "6px" | ... - */ - 'border-width'?: any; - borderWidth?: any; - /** - * Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 | 115 | ... - */ - 'fill-angle'?: number; - fillAngle?: number; - /** - * Sets an X offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-x'?: any; - fillOffsetX?: any; - /** - * Sets an Y offset to apply to the fill. See the square points between the lines. 4 | "6px" | ... - */ - 'fill-offset-y'?: any; - fillOffsetY?: any; - /** - * Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" | "radial" - */ - 'fill-type'?: string; - fillType?: string; - /** - * Sets the text's font size of the marker. 4 | "6px" | ... - */ - 'font-size'?: any; - fontSize?: any; - /** - * 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-colors'?: string; - gradientColors?: 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" | ... - */ - 'gradient-stops'?: string; - gradientStops?: string; - /** - * Sets the map id of the map on which the object/shape is being added. "mapid" | ... - */ - map?: string; - /** - * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-x'?: any; - offsetX?: any; - /** - * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... - */ - 'offset-y'?: any; - offsetY?: any; - /** - * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 - */ - shadow?: boolean; - /** - * Sets 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-alpha'?: number; - shadowAlpha?: number; - /** - * Sets the angle of the shadow underneath the object. -45 | 115 | ... - */ - 'shadow-angle'?: number; - shadowAngle?: number; - /** - * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... - */ - 'shadow-blur'?: any; - shadowBlur?: any; - /** - * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. - * . - */ - 'shadow-color'?: string; - shadowColor?: string; - /** - * Sets the distance between the shadow and the object. 4 | "6px" | ... - */ - 'shadow-distance'?: any; - shadowDistance?: any; - /** - * Sets the size of the object/shape. 4 | "6px" | ... - */ - size?: any; - /** - * Sets the character used to separate thousands. "," | "." | " " | ... - */ - 'thousands-separator'?: string; - thousandsSeparator?: string; - /** - * The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | g - * ear6 | gear7 | gear8 - */ - type?: string; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - x?: any; - /** - * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... - */ - y?: any; - /** - * Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 | 10 | ... - */ - 'z-index'?: number; - zIndex?: number; - }; - preview?: { - /** - * 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 be - * ing completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - alpha?: number; - /** - * Area Chart only: Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely trans - * parent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. 0.3 | 0.4 | 0.9 | ... - */ - 'alpha-area'?: number; - alphaArea?: number; - /** - * Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666 - * 699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)"). "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, - * 15, 15)" | ... - */ - 'background-color'?: string; - backgroundColor?: string; - /** - * Sets the line color of the object. "none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ... - */ - 'line-color'?: string; - lineColor?: string; - /** - * Sets the line style of the object. "solid" | "dotted" | "dashed" | "dashdot" - */ - 'line-style'?: string; - lineStyle?: string; - /** - * Sets the line width of the object. 2 | 4 | "6px" | ... - */ - 'line-width'?: any; - lineWidth?: any; - /** - * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 - */ - visible?: boolean; - /** - * To set the stock preview chart type: area chart or line chart. "area" (default) | "line" - */ - type?: string; - }; - rules?: Array<{ - /** - * A rule allows you to include logic in order to apply a set of attributes only to certain aspects of your chart that meet the crite - * ria specified within each "rule": group. You can include any number of "rule": groups nested within a "rules": set. Place the desi - * red attribute or attributes within each "rule": group to apply those attributes to the areas that fulfill the requirement. The eff - * ect of rules depends largely on the placement of the "rules": set within your JSON code. In the above example, the styling attribu - * tes within each rule will be applied to the scale-y guide. "%c == 2" | "%v <= 0" | "%v > 0" | ... - */ - rule?: string; - }>; - 'selected-marker'?: selectedMarker; - selectedMarker?: selectedMarker; - 'selected-state'?: selectedState; - selectedState?: selectedState; - text?: string; - tooltip?: tooltip; - 'trend-down'?: trendDown; - trendDown?: trendDown; - 'trend-equal'?: trendEqual; - trendEqual?: trendEqual; - 'trend-up'?: trendUp; - trendUp?: trendUp; - 'value-box'?: valueBox; - valueBox?: valueBox; - values?: any; - } + }; + /** + * To enabled shared zooming when there are mulitple charts in a graphset + */ + shared?: boolean; + }; + /** + * @description When zooming is enabled, setting zoom-snap to true snaps the zoom area to the nearest data node as a zoom area is selected. By default, zoom-snap is set to false. + */ + zoomSnap?: boolean; + } + interface behavior { + /** + * To enable or disable individual context menu item behaviors. "all" | "none" + */ + enabled?: string; + /** + * To specify the behavior ID of the context menu item that is being accessed. "3D" | "LogScale" | "LinScale" | ... + */ + id?: string; + /** + * Sets the label of the custom menu item. + */ + text?: string; + /** + * Executes specified custom function for the custom menu item. + */ + 'custom-function'?: string; + customFunction?: string; + } + interface history { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any; + borderWidth?: any; + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... + */ + height?: any; + /** + * Sets the object's margin/s. 10 | "5px" | "10 20" | "5px 10px 15px 20px" | ... + */ + margin?: any; + /** + * Sets the object's bottom margin. 4 | "6px" | ... + */ + 'margin-bottom'?: any; + marginBottom?: any; + /** + * Sets the object's left margin. 4 | "6px" | ... + */ + 'margin-left'?: any; + marginLeft?: any; + /** + * Sets the object's right margin. 4 | "6px" | ... + */ + 'margin-right'?: any; + marginRight?: any; + /** + * Sets the object's top margin. 4 | "6px" | ... + */ + 'margin-top'?: any; + marginTop?: any; + /** + * Sets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. + */ + position?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... + */ + width?: any; + /** + * Sets the X position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + x?: any; + /** + * Sets the Y position of the object. 10 | "20px" | 0.3 | "30%" | ... + */ + y?: any; + 'item-off'?: itemOff; + itemOff?: itemOff; + item?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: 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-color'?: string; + borderColor?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + }; + } + interface refresh { + /** + * Sets the type of data refresh, full being the only option at loader's level. "full" + */ + type?: string; + /** + * Defines the specific type of feed. http | js | websockets + */ + transport?: string; + /** + * The url path for the feed. feed() | https://myPhpFunction.php | wss://websockets.zingchart.com:8889 + */ + url?: string; + /** + * Sets the timeout between two refresh operations. If value is smaller than 50, seconds are assumed, otherwise milliseconds are assu + * med. 5 | 10 | ... + */ + interval?: number; + /** + * Sets the max amount of nodes visible in the graph. 5 | 10 | ... + */ + 'max-ticks'?: number; + maxTicks?: number; + /** + * The number of nodes before starting the feed from 0 again. 500 | 1000 | ... + */ + 'reset-timeout'?: number; + resetTimeout?: number; + /** + * Enabling true will allow dynamic value range of the scale pertaining to the values. false (default) | true + */ + 'adjust-scale'?: boolean; + adjustScale?: boolean; + curtain?: { + /** + * 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 comp + * letely opaque. Please note that values also require the leading 0 before the decimal. 0.3 | 0.9 | ... + */ + alpha?: number; + /** + * Sets the rotation angle of the object/shape. -45 | 115 | ... + */ + angle?: number; + /** + * 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 se + * t a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-co + * lors and gradient-stops. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ... + */ + 'background-color'?: string; + backgroundColor?: string; + /** + * Sets 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-1'?: string; + backgroundColor1?: 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-color-2'?: string; + backgroundColor2?: string; + /** + * Sets the direction/s on which the background image is being "stretched". "x" | "y" | "xy" + */ + 'background-fit'?: string; + backgroundFit?: string; + /** + * Sets a background image for the object. Value can be a local file or a web image's location. "image.png" | ... + */ + 'background-image'?: string; + backgroundImage?: string; + /** + * Sets the position of the background when the background-repeat value is no-repeat. "0 0" | "50 100" | "80% 60%" | ... + */ + 'background-position'?: string; + backgroundPosition?: string; + /** + * Sets the repeating mode for the background image. "no-repeat" | "repeat" | "repeat-x" | "repeat-y" + */ + 'background-repeat'?: string; + backgroundRepeat?: string; + /** + * Sets whether the text is displayed with bold characters or not. true | false | 1 | 0 + */ + bold?: string; + /** + * Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-bottom'?: string; + borderBottom?: 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-color'?: string; + borderColor?: string; + /** + * Sets the object's left border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-left'?: string; + borderLeft?: string; + /** + * Sets the object's border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper co + * rners. A single value will affect all 4 corners, while multiple values will have separate effects on each corner, with the first v + * alue affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negati + * ve value will cut a corner off without rounding. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... + */ + 'border-radius'?: any; + borderRadius?: any; + /** + * Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values creat + * e sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-left'?: any; + borderRadiusBottomLeft?: any; + /** + * Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values crea + * te sharper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-bottom-right'?: any; + borderRadiusBottomRight?: any; + /** + * Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create s + * harper corners. A negative value will cut a corner off without rounding. 4 | "6px" | "-6px" | -4 | ... + */ + 'border-radius-top-left'?: any; + borderRadiusTopLeft?: any; + /** + * 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-radius-top-right'?: any; + borderRadiusTopRight?: any; + /** + * Sets the object's right border style. Accepts solid, dashed, and dotted styles. "2px solid #f00" | ... + */ + 'border-right'?: string; + borderRight?: string; + /** + * Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styl + * es. "2px solid #f00" | ... + */ + 'border-top'?: string; + borderTop?: string; + /** + * Sets the border width of the object, applicable on closed shapes. See also line-width for closed shapes. 4 | "6px" | ... + */ + 'border-width'?: any + borderWidth?: any + /** + * Sets whether an object will have a callout arrow or not. true | false | 1 | 0 + */ + callout?: boolean; + /** + * Sets the length of the extension that extends beyond the tip of the callout arrow. 4 | "6px" | ... + */ + 'callout-extension'?: any; + calloutExtension?: any; + /** + * Sets the height of the object's callout arrow. A larger value will create a taller callout arrow. 4 | "6px" | ... + */ + 'callout-height'?: any; + calloutHeight?: any; + /** + * 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-hook'?: any; + calloutHook?: any; + /** + * Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout ar + * row up, down, left, or right depending on the callout-position. 4 | "6px" | ... + */ + 'callout-offset'?: any; + calloutOffset?: any; + /** + * Sets the position for the object's callout arrow. The position is "bottom" by default. "top" | "right" | "bottom" | "left" + */ + 'callout-position'?: string; + calloutPosition?: string; + /** + * Sets the width of the object's callout arrow. A larger value will create a wider callout arrow. 4 | "6px" | ... + */ + 'callout-width'?: any; + calloutWidth?: any; + /** + * Sets the object's font color. Similar to font-color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, + * 15)" | ... + */ + color?: string; + /** + * Sets the angle of the axis along which the linear gradient is drawn. -45 | 115 | ... + */ + 'fill-angle'?: number; + fillAngle?: number; + /** + * Sets an X offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-x'?: any; + fillOffsetX?: any; + /** + * Sets an Y offset to apply to the fill. 4 | "6px" | ... + */ + 'fill-offset-y'?: any; + fillOffsetY?: any; + /** + * Sets the background gradient fill type to either linear or radial. "linear" | "radial" + */ + 'fill-type'?: string; + fillType?: string; + /** + * 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-angle'?: number; + fontAngle?: number; + /** + * Sets the object's font color. Similar to color. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" + * | ... + */ + 'font-color'?: string; + fontColor?: string; + /** + * Sets the text's font family. "Arial" | "Tahoma,Verdana" | ... + */ + 'font-family'?: string; + fontFamily?: string; + /** + * Sets the text's font size. 4 | "6px" | ... + */ + 'font-size'?: any; + fontSize?: any; + /** + * Sets the text's font style. Similar to italic. "none" | "italic" | "oblique" + */ + 'font-style'?: string; + fontStyle?: string; + /** + * Sets the text's font weight. Similar to bold. "normal" | "bold" + */ + 'font-weight'?: string; + fontWeight?: 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-colors'?: string; + gradientColors?: 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" | ... + */ + 'gradient-stops'?: string; + gradientStops?: string; + /** + * Sets whether the text is displayed with italic characters or not. true | false | 1 | 0 + */ + italic?: boolean; + /** + * 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 "..." 5 | 10 | ... + */ + 'max-chars'?: number; + maxChars?: number; + /** + * 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-t + * ext is set to true. 10 | "20px" | 0.3 | "30%" | ... + */ + 'max-width'?: any; + maxWidth?: any; + /** + * Sets an X offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-x'?: any; + offsetX?: any; + /** + * Sets a Y offset to apply when positioning the object/shape. 4 | "6px" | ... + */ + 'offset-y'?: any; + offsetY?: any; + /** + * 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?: any; + /** + * Sets the object's bottom padding around the text. 4 | "6px" | ... + */ + 'padding-bottom'?: any; + paddingBottom?: any; + /** + * Sets the object's left padding around the text. 4 | "6px" | ... + */ + 'padding-left'?: any; + paddingLeft?: any; + /** + * Sets the object's right padding around the text. 4 | "6px" | ... + */ + 'padding-right'?: any; + paddingRight?: any; + /** + * Sets the object's top padding around the text. 4 | "6px" | ... + */ + 'padding-top'?: any; + paddingTop?: any; + /** + * Renders text right-to-left. Default value is false. true | false | 1 | 0 + */ + rtl?: boolean; + /** + * Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true | false | 1 | 0 + */ + shadow?: boolean; + /** + * Sets 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-alpha'?: number; + shadowAlpha?: number; + /** + * Sets the angle of the shadow underneath the object. -45 | 115 | ... + */ + 'shadow-angle'?: number; + shadowAngle?: number; + /** + * Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 | "6px" | ... + */ + 'shadow-blur'?: any; + shadowBlur?: any; + /** + * Sets the color of the shadow of the object. "none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | .. + * . + */ + 'shadow-color'?: string; + shadowColor?: string; + /** + * Sets the distance between the shadow and the object. 4 | "6px" | ... + */ + 'shadow-distance'?: any; + shadowDistance?: any; + /** + * Sets the text content of the object. "Some Text" | ... + */ + text?: string; + /** + * Sets the text's horizontal alignment relative to the object's box. "left" | "center" | "right" + */ + 'text-align'?: string; + textAlign?: string; + /** + * 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% tran + * sparent and 1.0 being 100% opaque. The leading 0 before the decimal is required. 0.3 | 0.9 | ... + */ + 'text-alpha'?: number; + textAlpha?: number; + /** + * Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when ch + * arts are rendered using SVG. "none" | "underline" + */ + 'text-decoration'?: string; + textDecoration?: string; + /** + * Sets whether the text is displayed with underlined characters or not. Similar to text-decoration. May not display properly in Mozi + * lla Firefox when charts are rendered using SVG. true | false | 1 | 0 + */ + underline?: boolean; + /** + * Sets the text's vertical alignment to one of the three applicable values, relative to the object's box. "top" | "middle" | "bottom + * " + */ + 'vertical-align'?: string; + verticalAlign?: string; + /** + * Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true | false | 1 | 0 + */ + visible?: boolean; + /** + * Sets whether the text will wrap, depending on the width of the object. true | false | 1 | 0 + */ + 'wrap-text'?: boolean; + wrapText?: boolean; + }; + } } declare namespace ZC { - let BUILDCODE: string[]; - let LICENSE: string[]; - let LICENSEKEY: string[]; - let VERSION: string; + let BUILDCODE: string[]; + let LICENSE: string[]; + let LICENSEKEY: string[]; + let VERSION: string; } export default zingchart; From d55c404071fbf954f64b9529a0c50c16d8040080 Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Wed, 26 Oct 2022 01:05:49 +0300 Subject: [PATCH 69/86] add stacked attribute to graphset --- types/zingchart/es6/index.d.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index f0d6f9baa54462..b8908b6dde95db 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -17349,6 +17349,7 @@ declare namespace zingchart { 'z-index'?: number; zIndex?: number; }; + stacked?: boolean; subtitle?: { /** * Sets the transparency of the object. Requires that background-color be set. 0.3 | 0.9 | ... From fb8ba1fe1328397463e1144ea7526a38075a46fb Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Tue, 8 Nov 2022 01:45:50 +0300 Subject: [PATCH 70/86] add missing properties for grid chart --- types/zingchart/es6/index.d.ts | 141 +++++++++++++++++++++++++++++++++ 1 file changed, 141 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index b8908b6dde95db..c8f09024ff8236 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -917,6 +917,116 @@ declare namespace zingchart { history?: history; refresh?: refresh; } + interface gridStyles { + align?: string; + alpha?: number; + backgroundColor?: string; + 'background-color'?: string; + backgroundColor1?: string; + 'background-color-1'?: string; + backgroundColor2?: string; + 'background-color-2'?: string; + bold?: boolean; + borderAlpha?: number; + 'border-alpha'?: number; + borderBottom?: number; + 'border-bottom'?: number; + borderColor?: string; + 'border-color'?: string; + borderLeft?: number; + 'border-left'?: number; + borderRadius?: number; + 'border-radius'?: number; + borderRadiusBottomLeft?: number; + 'border-radius-bottom-left'?: number; + borderRadiusBottomRight?: number; + 'border-radius-bottom-right'?: number; + borderRadiusTopLeft?: number; + 'border-radius-top-left'?: number; + borderRadiusTopRight?: number; + 'border-radius-top-right'?: number; + borderRight?: number; + 'border-right'?: number; + borderTop?: number; + 'border-top'?: number; + borderWidth?: number; + 'border-width'?: number; + class?: string; + clipText?: boolean; + 'clip-text'?: boolean; + color?: string; + cursor?: string; + dataN?: any; + 'data-n'?: any; + fillAngle?: number; + 'fill-angle'?: number; + fillOffsetX?: number; + 'fill-offset-x'?: number; + fillOffsetY?: number; + 'fill-offset-y'?: number; + fillType?: string; + 'fill-type'?: string; + fontColor?: string; + 'font-color'?: string; + fontFamily?: string; + 'font-family'?: string; + fontSize?: number; + 'font-size'?: number; + fontStyle?: string; + 'font-style'?: string; + fontWeight?: string|number; + 'font-weight'?: string|number; + gradientColors?: string; + 'gradient-colors'?: string; + gradientStops?: string; + 'gradient-stops'?: string; + id?: string; + italic?: boolean; + lineGapSize?: number; + 'line-gap-size'?: number; + lineHeight?: number; + 'line-height'?: number; + lineSegmentSize?: number; + 'line-segment-size'?: number; + lineStyle?: string; + 'line-style'?: string; + maxChars?: number; + 'max-chars'?: number; + mediaRules?: Array<{}>; + 'media-rules'?: Array<{}>; + offsetX?: number; + 'offset-x'?: number; + offsetY?: number; + 'offset-y'?: number; + overlap?: boolean; + padding?: number; + paddingBottom?: number; + 'padding-bottom'?: number; + paddingLeft?: number; + 'padding-left'?: number; + paddingRight?: number; + 'padding-right'?: number; + paddingTop?: number; + 'padding-top'?: number; + rectShortcut?: boolean; + 'rect-shortcut'?: boolean; + rtl?: boolean; + text?: string; + textAlign?: string; + 'text-align'?: string; + textAlpha?: number; + 'text-alpha'?: number; + textDecoration?: string; + 'text-decoration'?: string; + underline?: boolean; + verticalAlign?: string; + 'vertical-align'?: string; + visible?: boolean; + wrapText?: boolean; + 'wrap-text'?: boolean; + zIndex?: number; + 'z-index'?: number; + } interface guideLabel { /** * 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 comp @@ -15477,6 +15587,21 @@ declare namespace zingchart { */ 'color-type'?: string; colorType?: string; + 'header-row'?: boolean; + headerRow?: boolean; + 'header-col'?: boolean; + headerCol?: boolean; + rowLabels?: string[]; + 'row-labels'?: string[]; + colLabels?: string[]; + 'col-labels'?: string[]; + 'col-widths'?: string[]; + colWidths?: string[]; + 'data-class'?: string[]; + dataClass?: string[]; + flat?: boolean; + 'force-height'?: boolean; + forceHeight?: boolean; /** * To set the maximum font size. 20 | "30px" | ... */ @@ -15742,6 +15867,22 @@ declare namespace zingchart { [key: `node[level-${string}`]: node; [key: `node[parent-${string}`]: node; style?: { + // The following attributes can be used to style grid charts: + '.td'?: gridStyles; + '.td_even'?: gridStyles; + '.td_odd'?: gridStyles; + '.td_first'?: gridStyles; + '.td_last'?: gridStyles; + '.th'?: gridStyles; + '.th_even'?: gridStyles; + '.th_odd'?: gridStyles; + '.th_first'?: gridStyles; + '.th_last'?: gridStyles; + '.tr'?: gridStyles; + '.tr_even'?: gridStyles; + '.tr_odd'?: gridStyles; + '.tr_first'?: gridStyles; + '.tr_last'?: gridStyles; /** * Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being co * mpletely opaque. Note that the leading zero is required before the decimal. 0.3 | 0.4 | 0.9 | ... From 5ab0bf135e5730423bdaefaf4f3ed4fbb62092c6 Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Wed, 9 Nov 2022 19:11:45 +0300 Subject: [PATCH 71/86] test missing properties for grid chart --- types/zingchart/es6/index.d.ts | 2 +- types/zingchart/zingchart-tests.ts | 192 +++++++++++------------------ 2 files changed, 75 insertions(+), 119 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index a459ef5af18d86..c8f09024ff8236 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -19193,4 +19193,4 @@ declare namespace ZC { } export default zingchart; -export { zingchart, ZC }; \ No newline at end of file +export { zingchart, ZC }; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 0208b14ec04ee1..3712456f528e85 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -1,5 +1,5 @@ -import { ZC } from "zingchart/server/zingchart-nodejs.min.js"; -import zingchart from "zingchart/es6"; +import { ZC } from 'zingchart/server/zingchart-nodejs.min.js'; +import zingchart from 'zingchart/es6'; import { zingchart as zc } from 'zingchart/es6/index'; zingchart.ASYNC = true; @@ -8,126 +8,82 @@ zingchart.FONTSIZE = 14; ZC.VERSION = '2.9.4'; const chartConfig: zc.graphset[] = [ - { - type: 'line', - timeZone: 1, - zoomSnap: true, - labels: [{ - alpha: 0.5, - text: 'testing', - }], - plot: { - animation: { - effect: 1, - method: 4, - sequence: 2, - speed: 275, - }, - preview: {}, - 'selected-state': { - 'line-color': 'red', - }, - rules: [{ - rule: '%x > 10', - tooltip: { - htmlMode: false, + { + type: 'grid', + plotarea: { + margin: '35 20 20 20', }, - }], - tooltip: { - htmlMode: true, - text: 'Hello world', - rules: [{ - rule: '%x > 10', - text: 'tooltip text', - }], - }, - 'value-box': { - text: 'Hello World', - rules: [{ - rule: '', - visible: false, - }] - }, - }, - options: { - link: { - aspect: 'arc' - }, - maxSize: 15, - minSize: 5, - node: { - type: 'circle', - tooltip: { - padding: '8px', - borderRadius: '3px', - } - } - }, - 'scale-x': { - itemsOverlap: false, - label: { - text: 'Days' - }, - labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], - lineColor: 'red', - offsetStart: '10%', - step: '3hour', - transform: { - type: 'date', - }, - }, - scaleY: { - autoFit: true, - zooming: true, - guide: { - items: [{ - borderRadius: 8, - }, { - borderRadius: 2, - }], - }, - }, - scaleY2: { - autoFit: true, - zooming: true, - guide: { - items: [{ - borderRadius: 8, - }, { - borderRadius: 2, - }], - }, - }, - scrollXScrollY: { - bar: { - alpha: 0.5, - } + options: { + headerRow: true, + dataClass: ['fillRed', 'fillGreen', 'fillBlue', 'fillOrange'], + colLabels: ['First Name', 'Last Name', 'Birthday', 'Country'], + style: { + '.td_even': { + backgroundColor: '#FBFDFE', + }, + }, + }, + series: [ + { + values: ['Jon', 'Anderson', 'January 25, 1950', 'United Kingdom'], + }, + { + values: ['Steve', 'Hogarth', 'January 25, 1950', 'United Kingdom'], + }, + { + values: ['Jim', 'Carrey', 'June 12, 1972', 'United States'], + }, + { + values: ['Paul', 'Hogan', 'October 22, 1956', 'Australia'], + }, + { + values: ['Brenden', 'Morrow', 'January 16, 1979', 'Canada'], + }, + { + values: ['Kate', 'Moss', 'January 16, 1974', 'United Kingdom'], + }, + { + values: ['David', 'Chokachi', 'January 16, 1968', 'United States'], + }, + { + values: ['Josie', 'Davis', 'January 16, 1973', 'United Kingdom'], + }, + { + values: ['Alex', 'Morgan', 'July 2, 1989', 'United States'], + }, + { + values: ['Tom', 'Cruise', 'July 3, 1962', 'United States'], + }, + { + values: ['Tony', 'Bennett', 'August 3, 1926', 'United States'], + }, + { + values: ['Martha', 'Stewart', 'August 3, 1941', 'United States'], + }, + { + values: ['Tom', 'Brady', 'August 3, 1977', 'United States'], + }, + { + values: ['Julie', 'Bowen', 'March 3, 1970', 'United States'], + }, + { + values: ['Barack', 'Obama', 'August 4, 1961', 'United States'], + }, + ], }, - values: [1, 2, 3], - zoom: { - shared: true, + { + arrows: [ + { + alpha: 0, + }, + { + backgroundColor: 'red', + }, + ], }, - series: [ - { - values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], - borderRadius: 3, - barWidth: '50%', - legendMarker: { - lineStyle: 'dotted', - }, - zIndex: 9999, - }, - ], - }, { - arrows: [{ - alpha: 0, - }, { - backgroundColor: 'red', - }], - } ]; zingchart.render({ - id: 'myChart', - data: chartConfig, + id: 'myChart', + data: chartConfig, }); From fd611384381c5c8541b337bc003811d535c602d4 Mon Sep 17 00:00:00 2001 From: --lasabahebwa <--lasabahebwa@zingsoft.com> Date: Wed, 23 Nov 2022 21:04:45 +0300 Subject: [PATCH 72/86] revert test file --- types/zingchart/zingchart-tests.ts | 160 ++++++++++++++++++++--------- 1 file changed, 111 insertions(+), 49 deletions(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 3712456f528e85..bb906706649c8b 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -9,65 +9,127 @@ ZC.VERSION = '2.9.4'; const chartConfig: zc.graphset[] = [ { - type: 'grid', - plotarea: { - margin: '35 20 20 20', + type: 'line', + timeZone: 1, + zoomSnap: true, + labels: [ + { + alpha: 0.5, + text: 'testing', + }, + ], + plot: { + animation: { + effect: 1, + method: 4, + sequence: 2, + speed: 275, + }, + preview: {}, + 'selected-state': { + 'line-color': 'red', + }, + rules: [ + { + rule: '%x > 10', + tooltip: { + htmlMode: false, + }, + }, + ], + tooltip: { + htmlMode: true, + text: 'Hello world', + rules: [ + { + rule: '%x > 10', + text: 'tooltip text', + }, + ], + }, + 'value-box': { + text: 'Hello World', + rules: [ + { + rule: '', + visible: false, + }, + ], + }, }, options: { - headerRow: true, - dataClass: ['fillRed', 'fillGreen', 'fillBlue', 'fillOrange'], - colLabels: ['First Name', 'Last Name', 'Birthday', 'Country'], - style: { - '.td_even': { - backgroundColor: '#FBFDFE', + link: { + aspect: 'arc', + }, + maxSize: 15, + minSize: 5, + node: { + type: 'circle', + tooltip: { + padding: '8px', + borderRadius: '3px', }, }, }, - series: [ - { - values: ['Jon', 'Anderson', 'January 25, 1950', 'United Kingdom'], - }, - { - values: ['Steve', 'Hogarth', 'January 25, 1950', 'United Kingdom'], - }, - { - values: ['Jim', 'Carrey', 'June 12, 1972', 'United States'], - }, - { - values: ['Paul', 'Hogan', 'October 22, 1956', 'Australia'], - }, - { - values: ['Brenden', 'Morrow', 'January 16, 1979', 'Canada'], - }, - { - values: ['Kate', 'Moss', 'January 16, 1974', 'United Kingdom'], - }, - { - values: ['David', 'Chokachi', 'January 16, 1968', 'United States'], + 'scale-x': { + itemsOverlap: false, + label: { + text: 'Days', + }, + labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], + lineColor: 'red', + offsetStart: '10%', + step: '3hour', + transform: { + type: 'date', }, - { - values: ['Josie', 'Davis', 'January 16, 1973', 'United Kingdom'], - }, - { - values: ['Alex', 'Morgan', 'July 2, 1989', 'United States'], - }, - { - values: ['Tom', 'Cruise', 'July 3, 1962', 'United States'], - }, - { - values: ['Tony', 'Bennett', 'August 3, 1926', 'United States'], - }, - { - values: ['Martha', 'Stewart', 'August 3, 1941', 'United States'], + }, + scaleY: { + autoFit: true, + zooming: true, + guide: { + items: [ + { + borderRadius: 8, + }, + { + borderRadius: 2, + }, + ], }, - { - values: ['Tom', 'Brady', 'August 3, 1977', 'United States'], + }, + scaleY2: { + autoFit: true, + zooming: true, + guide: { + items: [ + { + borderRadius: 8, + }, + { + borderRadius: 2, + }, + ], }, - { - values: ['Julie', 'Bowen', 'March 3, 1970', 'United States'], + }, + scrollXScrollY: { + bar: { + alpha: 0.5, }, + }, + values: [1, 2, 3], + zoom: { + shared: true, + }, + series: [ { - values: ['Barack', 'Obama', 'August 4, 1961', 'United States'], + values: [2, 4, 5, 6, 3, 6, 6, 4, 5, 6], + borderRadius: 3, + barWidth: '50%', + legendMarker: { + lineStyle: 'dotted', + }, + zIndex: 9999, }, ], }, From 0ce34edf8b3d2745c1ea7c53c27bccf50c6d00e4 Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 28 Feb 2023 03:16:28 +0300 Subject: [PATCH 73/86] add aperture to scaleR --- types/zingchart/es6/index.d.ts | 1 + types/zingchart/zingchart-tests.ts | 8 ++++++++ 2 files changed, 9 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c8f09024ff8236..4864cbcd11c0c8 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -7601,6 +7601,7 @@ declare namespace zingchart { */ 'minor-ticks'?: number; minorTicks?: number; + aperture?: number; /** * Gauge Charts Only: To set the minimum, maximum, and step scale values. '0:10' | '0:25:5' | ... */ diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index bb906706649c8b..96142bf8fd65d7 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -143,6 +143,14 @@ const chartConfig: zc.graphset[] = [ }, ], }, + { + type: 'gauge', + 'scale-r': { + aperture: 200, // Scale Range + values: '0:100:20', // and minimum, maximum, and step scale values. + }, + series: [{ values: [87] }], + }, ]; zingchart.render({ From 139d292ac7ad119dcebbc76b9e984da0d494da84 Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 28 Feb 2023 03:42:59 +0300 Subject: [PATCH 74/86] fix test file --- types/zingchart/zingchart-tests.ts | 8 -------- 1 file changed, 8 deletions(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 96142bf8fd65d7..bb906706649c8b 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -143,14 +143,6 @@ const chartConfig: zc.graphset[] = [ }, ], }, - { - type: 'gauge', - 'scale-r': { - aperture: 200, // Scale Range - values: '0:100:20', // and minimum, maximum, and step scale values. - }, - series: [{ values: [87] }], - }, ]; zingchart.render({ From 7b9fb248b203457cdfbd5d60f52347cfa38f8db1 Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 01:32:11 +0300 Subject: [PATCH 75/86] add x/y attributes to position chart in graphset --- types/zingchart/es6/index.d.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 4864cbcd11c0c8..c3aea7a33c18d3 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -18303,6 +18303,11 @@ declare namespace zingchart { */ type?: string; }; + /** + * Position your chart using x/y attributes + */ + x?: string | number; + y?: string | number; zoom?: { /** * 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 be From f268457382c5cf1e423355f3c7bcf6a4ebceae8a Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 03:46:05 +0300 Subject: [PATCH 76/86] test changes --- types/zingchart/zingchart-tests.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 3cb6fec84e1ae5..7d30e6bbaa1d48 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -72,6 +72,8 @@ const chartConfig: zc.graphset[] = [ ], }, { type: 'line', + x: '20%', + y: '20%', timeZone: 1, zoomSnap: true, labels: [ From d12a6e9ab22fdb5f09ebe91548f6ad7e2fb2a2cf Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 04:27:50 +0300 Subject: [PATCH 77/86] fix scales --- types/zingchart/es6/index.d.ts | 44 +++++++++++++++++++++++++++--- types/zingchart/zingchart-tests.ts | 2 +- 2 files changed, 41 insertions(+), 5 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index c3aea7a33c18d3..60083530b5e9d1 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -16805,12 +16805,48 @@ declare namespace zingchart { scaleV?: scaleV; 'scale-x'?: scaleX; scaleX?: scaleX; - [key: `scale-x-${number}`]: scaleX; - [key: `scaleX${number}`]: scaleX; + 'scale-x-1'?: scaleX; + 'scale-x-2'?: scaleX; + 'scale-x-3'?: scaleX; + 'scale-x-4'?: scaleX; + 'scale-x-5'?: scaleX; + 'scale-x-6'?: scaleX; + 'scale-x-7'?: scaleX; + 'scale-x-8'?: scaleX; + 'scale-x-9'?: scaleX; + 'scale-x-10'?: scaleX; + scaleX1?: scaleX; + scaleX2?: scaleX; + scaleX3?: scaleX; + scaleX4?: scaleX; + scaleX5?: scaleX; + scaleX6?: scaleX; + scaleX7?: scaleX; + scaleX8?: scaleX; + scaleX9?: scaleX; + scaleX10?: scaleX; 'scale-y'?: scaleY; scaleY?: scaleY; - [key: `scale-y-${number}`]: scaleY; - [key: `scaleY${number}`]: scaleY; + 'scale-y-1'?: scaleY; + 'scale-y-2'?: scaleY; + 'scale-y-3'?: scaleY; + 'scale-y-4'?: scaleY; + 'scale-y-5'?: scaleY; + 'scale-y-6'?: scaleY; + 'scale-y-7'?: scaleY; + 'scale-y-8'?: scaleY; + 'scale-y-9'?: scaleY; + 'scale-y-10'?: scaleY; + 'scaleY1'?: scaleY; + 'scaleY2'?: scaleY; + 'scaleY3'?: scaleY; + 'scaleY4'?: scaleY; + 'scaleY5'?: scaleY; + 'scaleY6'?: scaleY; + 'scaleY7'?: scaleY; + 'scaleY8'?: scaleY; + 'scaleY9'?: scaleY; + 'scaleY10'?: scaleY; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 7d30e6bbaa1d48..99e8d9c662c34e 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -73,7 +73,7 @@ const chartConfig: zc.graphset[] = [ }, { type: 'line', x: '20%', - y: '20%', + y: '15%', timeZone: 1, zoomSnap: true, labels: [ From 1c1ecb70d5c2fa83b8dc19e825707481075bcee2 Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 05:29:14 +0300 Subject: [PATCH 78/86] fix a bug --- types/zingchart/es6/index.d.ts | 44 +++--------------------------- types/zingchart/zingchart-tests.ts | 2 +- 2 files changed, 5 insertions(+), 41 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 60083530b5e9d1..c3aea7a33c18d3 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -16805,48 +16805,12 @@ declare namespace zingchart { scaleV?: scaleV; 'scale-x'?: scaleX; scaleX?: scaleX; - 'scale-x-1'?: scaleX; - 'scale-x-2'?: scaleX; - 'scale-x-3'?: scaleX; - 'scale-x-4'?: scaleX; - 'scale-x-5'?: scaleX; - 'scale-x-6'?: scaleX; - 'scale-x-7'?: scaleX; - 'scale-x-8'?: scaleX; - 'scale-x-9'?: scaleX; - 'scale-x-10'?: scaleX; - scaleX1?: scaleX; - scaleX2?: scaleX; - scaleX3?: scaleX; - scaleX4?: scaleX; - scaleX5?: scaleX; - scaleX6?: scaleX; - scaleX7?: scaleX; - scaleX8?: scaleX; - scaleX9?: scaleX; - scaleX10?: scaleX; + [key: `scale-x-${number}`]: scaleX; + [key: `scaleX${number}`]: scaleX; 'scale-y'?: scaleY; scaleY?: scaleY; - 'scale-y-1'?: scaleY; - 'scale-y-2'?: scaleY; - 'scale-y-3'?: scaleY; - 'scale-y-4'?: scaleY; - 'scale-y-5'?: scaleY; - 'scale-y-6'?: scaleY; - 'scale-y-7'?: scaleY; - 'scale-y-8'?: scaleY; - 'scale-y-9'?: scaleY; - 'scale-y-10'?: scaleY; - 'scaleY1'?: scaleY; - 'scaleY2'?: scaleY; - 'scaleY3'?: scaleY; - 'scaleY4'?: scaleY; - 'scaleY5'?: scaleY; - 'scaleY6'?: scaleY; - 'scaleY7'?: scaleY; - 'scaleY8'?: scaleY; - 'scaleY9'?: scaleY; - 'scaleY10'?: scaleY; + [key: `scale-y-${number}`]: scaleY; + [key: `scaleY${number}`]: scaleY; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 99e8d9c662c34e..56dbf7fcb77d6a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -72,7 +72,7 @@ const chartConfig: zc.graphset[] = [ ], }, { type: 'line', - x: '20%', + x: '15%', y: '15%', timeZone: 1, zoomSnap: true, From 22ca83587bdb119ba0e45ceaf7ccdb065c4592e1 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 11 Apr 2023 08:57:17 -0700 Subject: [PATCH 79/86] update test --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 56dbf7fcb77d6a..1ec64f11ee555a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -125,7 +125,7 @@ const chartConfig: zc.graphset[] = [ link: { aspect: 'arc', }, - maxSize: 15, + maxSize: '15px', minSize: 5, node: { type: 'circle', From b98efa30dc761045c3b61a91b7e9c37f2eb3f4d5 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 11 Apr 2023 09:01:23 -0700 Subject: [PATCH 80/86] Revert test --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 1ec64f11ee555a..56dbf7fcb77d6a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -125,7 +125,7 @@ const chartConfig: zc.graphset[] = [ link: { aspect: 'arc', }, - maxSize: '15px', + maxSize: 15, minSize: 5, node: { type: 'circle', From d076758a58cd096ba1f6cb85c96cd380cb294bf4 Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 11 Apr 2023 09:03:05 -0700 Subject: [PATCH 81/86] Test push changes causes x commits behind branch issue --- types/zingchart/zingchart-tests.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 56dbf7fcb77d6a..1ec64f11ee555a 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -125,7 +125,7 @@ const chartConfig: zc.graphset[] = [ link: { aspect: 'arc', }, - maxSize: 15, + maxSize: '15px', minSize: 5, node: { type: 'circle', From 5c3ac12d483225080fe2f6c20fe3f1b45698bb6a Mon Sep 17 00:00:00 2001 From: jeanettephung Date: Tue, 11 Apr 2023 09:09:40 -0700 Subject: [PATCH 82/86] Update definitions to test changes --- types/zingchart/es6/index.d.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 60083530b5e9d1..980269bcae25a6 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -18340,9 +18340,12 @@ declare namespace zingchart { type?: string; }; /** - * Position your chart using x/y attributes + * Sets the x position of the chart */ x?: string | number; + /** + * Sets the y position of the chart + */ y?: string | number; zoom?: { /** From c6a8e8507cd08cb2b3507711273251035579008e Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 19:52:10 +0300 Subject: [PATCH 83/86] fix scaleY --- types/zingchart/es6/index.d.ts | 20 ++++++++++---------- types/zingchart/zingchart-tests.ts | 2 +- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index 980269bcae25a6..fed56f12ace607 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -16837,16 +16837,16 @@ declare namespace zingchart { 'scale-y-8'?: scaleY; 'scale-y-9'?: scaleY; 'scale-y-10'?: scaleY; - 'scaleY1'?: scaleY; - 'scaleY2'?: scaleY; - 'scaleY3'?: scaleY; - 'scaleY4'?: scaleY; - 'scaleY5'?: scaleY; - 'scaleY6'?: scaleY; - 'scaleY7'?: scaleY; - 'scaleY8'?: scaleY; - 'scaleY9'?: scaleY; - 'scaleY10'?: scaleY; + scaleY1?: scaleY; + scaleY2?: scaleY; + scaleY3?: scaleY; + scaleY4?: scaleY; + scaleY5?: scaleY; + scaleY6?: scaleY; + scaleY7?: scaleY; + scaleY8?: scaleY; + scaleY9?: scaleY; + scaleY10?: scaleY; scale?: { /** * To modify the size of the chart. Provide a value in relation to 1.0 or 100%. 0.3 | 0.9 | "30%" | "90%" | ... diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 1ec64f11ee555a..67e351206379b3 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -73,7 +73,7 @@ const chartConfig: zc.graphset[] = [ }, { type: 'line', x: '15%', - y: '15%', + y: '25%', timeZone: 1, zoomSnap: true, labels: [ From a0ca5f7c348163afc168a320c66066d19cc30270 Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 11 Apr 2023 20:37:06 +0300 Subject: [PATCH 84/86] remove keys from TDF --- types/zingchart/es6/index.d.ts | 28 ---------------------------- types/zingchart/zingchart-tests.ts | 2 +- 2 files changed, 1 insertion(+), 29 deletions(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index fed56f12ace607..abb6d613136b33 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -3039,14 +3039,6 @@ declare namespace zingchart { * @description Sets the cursor shape when hovering over the object. */ cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; /** * @description Set true to enable optimization for large data set when connecting two points. */ @@ -3898,14 +3890,6 @@ declare namespace zingchart { * @description Sets the cursor shape when hovering over the object. */ cursor?: string; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data${string}`]: any; - /** - * @description Prefix attribute or array using "data-" to define a custom token. - */ - [key: `data-${string}`]: any; /** * @description Sets the angle of the axis along which the linear gradient is drawn. */ @@ -15765,13 +15749,6 @@ declare namespace zingchart { }; link?: link; 'link[sibling]'?: link; - [key: `link[cls-${string}`]: link; - [key: `link[container-${string}`]: link; - [key: `link[group-${string}`]: link; - [key: `link[level-${string}`]: link; - [key: `link[parent-${string}`]: link; - [key: `link[source-${string}`]: link; - [key: `link[target-${string}`]: link; links?: link; 'max-iterations'?: any; /** @@ -15862,11 +15839,6 @@ declare namespace zingchart { 'node[collapsed]'?: node; 'node[leaf]'?: node; 'node[parent]'?: node; - [key: `node[cls-${string}`]: node; - [key: `node[container-${string}`]: node; - [key: `node[group-${string}`]: node; - [key: `node[level-${string}`]: node; - [key: `node[parent-${string}`]: node; style?: { // The following attributes can be used to style grid charts: '.td'?: gridStyles; diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 67e351206379b3..378f6104aa8747 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -73,7 +73,7 @@ const chartConfig: zc.graphset[] = [ }, { type: 'line', x: '15%', - y: '25%', + y: '5%', timeZone: 1, zoomSnap: true, labels: [ From c696ce59d38a6a1ca182ac456f2e9c37ca5ff2cf Mon Sep 17 00:00:00 2001 From: Livingstone Asabahebwa Date: Tue, 2 May 2023 02:12:54 +0300 Subject: [PATCH 85/86] add choropleth to TDF --- types/zingchart/es6/index.d.ts | 16 ++++++++++++++++ types/zingchart/zingchart-tests.ts | 2 +- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/types/zingchart/es6/index.d.ts b/types/zingchart/es6/index.d.ts index abb6d613136b33..5d77973ad3cdf4 100644 --- a/types/zingchart/es6/index.d.ts +++ b/types/zingchart/es6/index.d.ts @@ -352,6 +352,18 @@ declare namespace zingchart { */ type?: string; } + interface choropleth { + aspect?: string; + color?: string; + effect?: string; + steps?: number[]; + colors?: string[]; + intervals?: number; + progression?: string; + maxPercent?: number; + mirrored?: boolean; + labels?: label[]; + } interface contextMenu { button?: { /** @@ -15566,6 +15578,10 @@ declare namespace zingchart { * 51B5" | ... */ color?: string; + /** + * Use the choropleth object to configure how the map is colored with the following properties. + */ + choropleth?: choropleth; /** * To set the type of color arrangement applied to the word cloud. Use the "color" value with the "color" attribute. Use the "palette * " value with the "palette" array. "random" (default) | "color" | "palette" diff --git a/types/zingchart/zingchart-tests.ts b/types/zingchart/zingchart-tests.ts index 378f6104aa8747..67e351206379b3 100644 --- a/types/zingchart/zingchart-tests.ts +++ b/types/zingchart/zingchart-tests.ts @@ -73,7 +73,7 @@ const chartConfig: zc.graphset[] = [ }, { type: 'line', x: '15%', - y: '5%', + y: '25%', timeZone: 1, zoomSnap: true, labels: [ From 1b7f409369051872555f094c01add60e69804512 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 2 May 2023 22:01:51 +0000 Subject: [PATCH 86/86] Bump peter-evans/create-pull-request from 5.0.0 to 5.0.1 Bumps [peter-evans/create-pull-request](https://github.com/peter-evans/create-pull-request) from 5.0.0 to 5.0.1. - [Release notes](https://github.com/peter-evans/create-pull-request/releases) - [Commits](https://github.com/peter-evans/create-pull-request/compare/v5.0.0...v5.0.1) --- updated-dependencies: - dependency-name: peter-evans/create-pull-request dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- .github/workflows/ghostbuster.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/ghostbuster.yml b/.github/workflows/ghostbuster.yml index b204fe07599f94..0de64d989930cb 100644 --- a/.github/workflows/ghostbuster.yml +++ b/.github/workflows/ghostbuster.yml @@ -47,7 +47,7 @@ jobs: fi - if: ${{ inputs.skipPR != 'true' }} - uses: peter-evans/create-pull-request@v5.0.0 + uses: peter-evans/create-pull-request@v5.0.1 with: token: ${{ secrets.GITHUB_TOKEN }} commit-message: "Remove contributors with deleted accounts #no-publishing-comment"